iview DatePicker 日期选择器显示默认当前日期

HTML

<DatePicker
ref="startEndTime"
v-model="startEndTime"  // 绑定时间
type="daterange"
split-panels
placeholder="请选择起止时间"
style="width: 100%;margin-bottom:10px"
@on-change="getstartEndTime(index, $event)"
></DatePicker>

SCRIPT

var time = new Date()
var month = time.getMonth() + 1
var day = time.getDate()
var nowTime =
  time.getFullYear() +
  '-' +
  (month < 10 ? '0' + month : month) +
  '-' +
  (day < 10 ? '0' + day : day)
// 月日小于0的话加0

data() {
  return {
  startEndTime: [nowTime + 'T16:00:00.000Z', nowTime + 'T16:00:00.000Z']
  }
}
posted @ 2021-11-12 11:04  Dexlux  阅读(1216)  评论(0)    收藏  举报