0
点赞
收藏
分享

微信扫一扫

基于Java SSM框架实现汽车在线销售系统项目【项目源码+论文说明】计算机毕业设计

星河出山 2023-12-06 阅读 39

<el-date-picker 
    :picker-options="startPickerOptions()" 
    value-format="yyyy-MM-dd HH:mm:ss" 
    v-model="form.applyFixPlan" 
    type="datetime" 
    placeholder="选择日期时间">
</el-date-picker>

在method中定义startPickerOptions()
this.$dayjs是Day.js的封装
​​​​​​​Day.js中文网

    startPickerOptions () {
      if (this.form.applyFixPlan != undefined) {
        let dateYMD = this.$dayjs(this.form.applyFixPlan).format('YYYY-MM-DD')
        let dateNow = this.$dayjs().format('YYYY-MM-DD')
        let dateHMS = this.$dayjs().format('HH:mm:ss')
        let pickerDate = dateYMD === dateNow
        return {
          //因为在选新日期的时候被禁用的时间没有更新,需要手动给赋值
          selectableRange: pickerDate? dateHMS + ' - 23:59:59' : '00:00:00 - 23:59:59',
          disabledDate: (time) => {
            //过去时间不可选
            return time.getTime() < Date.now() - 8.64e7;
          }
        }
      } else {
        // 初始默认 过去时间不可选
        return {
          disabledDate: (time) => {
            return time.getTime() < Date.now() - 8.64e7;
          }
        }
      }
    },
举报

相关推荐

0 条评论