Element Plus-开始时间不能晚于结束时间,包含时间的判断

一、先总结整体-两个时间选择器进行联动:

1.封装子组件data_picker.vue




2.父组件引用

 

默认开始结束时间: 

const data = reactive({
    startDate:new Date(new Date() - 24 * 60 * 60 * 1000 * 1),
    endDate:new Date(),
})

3.具体说明

  • element pro没有picker-options
  • :disabledDate="disabledDateFn"           对日期
  • :disabled-hours="disabledHours"           对时
  • :disabled-minutes="disabledMinutes"     对分
  • :disabled-seconds="disabledSeconds"   对秒
  • 需要考虑开始或结束时间为null的情况
  • 注意初始赋值的写法

你可能感兴趣的:(vue.js,javascript,前端)