iView中DatePicker设置开始时间和结束时间约束

原创
小哥 2年前 (2023-05-15) 阅读数 42 #大杂烩

vue代码:


   
     
       
     
     -
     
     
     
   

js代码:

export default {
    data() {
      return {
        startTimeOptions: {}, //开始日期约束
        endTimeOptions: {}, //结束日期约束
        starttime: , //开始日期
        endtime: ,//结束日期
      }
    },

    methods: {
      startTimeChange: function(e) { //设置开始时间
        this.starttime = e;
        this.endTimeOptions = {
          disabledDate: date => {
            let startTime = this.starttime ? new Date(this.starttime).valueOf() : ;
            return date && (date.valueOf() < startTime);
            // return date && (date.valueOf() < startDate-86400000 || date.valueOf() > Date.now()-86400000) ;  此约束为当日之前开始日期之后
          }
        }
      },
      endTimeChange: function(e) { //设置结束时间
        this.endtime = e;
        let endTime = this.endtime ? new Date(this.endtime).valueOf() - 1 * 24 * 60 * 60 * 1000 : ;
        this.startTimeOptions = {
          disabledDate(date) {
            return date && date.valueOf() > endTime;
          }
        }
      },
    }
}
版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门