vue使用element-ui的日期选择器,框内默认显示当前时间

2,761 阅读1分钟
<el-date-picker
    v-model="value1"
    type="date" class="input-class">
</el-date-picker>
data(){
      return{
          value1=‘’
      }
}
 methods:{
       getdatatime(){//默认显示今天
      this.value1= new Date();
    },
 }
 mounted() {
    let that = this;
    that.getdatatime()
  }
 <!--设置大小-->
  <style>
 .input-class{
    width: 150px;
    height: 30px;
  }
    </style>
   
方法二: 
value1=[new Date(new Date().setHours(0, 0, 0, 0))]
区间时间显示当天时间:
 data(){
      return{
          value1=[new Date(new Date().setHours(0, 0, 0, 0)),
                 new Date(new Date().setHours(0, 0, 0, 0))]
      }
}