ant design 的时间问题

    <a-col :span="12">
       <a-form-item label="开始日期">
           <a-date-picker
              :format="'YYYY-MM-DD'"
              :disabledDate="disabledDate"
               v-decorator="[
                 'starttime',
                 { initialValue:moment(this.dataMap.wxProject.starttime,'YYYY-MM-DD' ),     
                 rules: [
                      { required: true, message: '开始日期不能为空' },
                      { validator: checkDateRange }
                    ] 
                  },
                ]"
                style="width: 100%"
                :getPopupContainer="trigger => trigger.parentNode"
              />
         </a-form-item>
     </a-col>

 methods: {
    // 时间初始化
   moment,
    /**
     * 禁止选择已经过去的时间
     */
   disabledDate (current) {
      // 当天之前的不可选,包括当天
      // return current && current < moment().endOf('day')
      // 当天之前的不可选,不包括当天
      return current < moment().subtract(1, 'day')
    },
     /**
     * 验证起止时间范围
     */
    checkDateRange (rule, value, callback) {
      const form = this.form
      if (rule.field == 'starttime' && value && form.getFieldValue('endtime')) {
        if (new Date(value.format('YYYY-MM-DD')).getTime() >= new Date(form.getFieldValue('endtime').format('YYYY-MM-DD')).getTime()) {
          callback('开始日期不能大于结束日期,请重新选择')
        }
      } else if (rule.field == 'endtime' && value && form.getFieldValue('starttime')) {
        if (new Date(form.getFieldValue('starttime').format('YYYY-MM-DD')).getTime() >= new Date(value.format('YYYY-MM-DD')).getTime()) {
          callback('结束日期不能小于结束日期,请重新选择')
        }
      } else {
        callback()
      }
      return true
    },
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值