iview组件DatePicker type="datetimerange绑定初始默认时间值

Posted 2021-02-17 phpli

使用::value="[this.startTime,this.endTime]"，绑定当天时间

如下：

<DatePicker type="datetimerange" placeholder="Select date"
                            style="width: 100%" @on-change="changeTime" :value="[this.startTime,this.endTime]">
</DatePicker>


data:
startTime: "",
endTime: "",

钩子：
created() {
      this.startTime = moment().startOf(‘day‘).format(‘YYYY-MM-DD HH:mm:ss‘);
      this.endTime = moment().endOf(‘day‘).format(‘YYYY-MM-DD HH:mm:ss‘);
    },

 

 如图：