ant的时间选择器a-date-picker范围规定时间

碰到一个需求搞了好久,网上查了好多都找不到,最后还是找到一个大哥的,终于解决了


xx

需求是选择时间之后再选择时间段,而第二次选择只能在24小时内选择,别的不能选
需要得到 2021-06-29 18:00 -- 20:00 的时间数据
不废话

 
                            
  form: {
                startDate: null, //时间选择器开始时间
                endDate: null, //时间选择器结束时间
            },
            endOpen: false,
 disabledStartDate(startValue) {
            const endValue = this.form.endDate
        },
        disabledEndDate(endValue) {
            const startValue = this.form.startDate
            if (!endValue || !startValue) {
                return false
            }
//左边条件是天数以后的禁用条件   右边相反
            return startValue.valueOf() + 86400000 <= endValue.valueOf() || startValue.valueOf() >= endValue.valueOf()
        },
        handleStartOpenChange(open) {
            if (!open) {
                this.endOpen = true
            }
        },
        handleEndOpenChange(open) {
            this.endOpen = open
        },

moment格式和字符串(“YYYY-MM-DD HH:mm:ss”)相互转化
1、字符串 转换为 moment格式:
一般是后台返回的时间字符串要显示在选择器上

  var timeString= '2020-12-12 00:00:00';

       var moment = moment ( timeString,'YYYY-MM-DD HH:mm:ss');

2、moment 转化为 字符串:
得到的是时间戳

      moment(moment).valueOf();

更多方法官方https://momentjs.com/

你可能感兴趣的:(ant的时间选择器a-date-picker范围规定时间)