美文网首页
iview DatePicker 限制

iview DatePicker 限制

作者: 新苡米 | 来源:发表于2022-02-11 14:53 被阅读0次
    <DatePicker
              :options="options"
              format="yyyy-MM-dd"
              v-model="form.businessDate"
              placeholder="请输入收款日期"
              style="width: 100%"
            >
            </DatePicker>
    
    options: {
            disabledDate(date) {
              //限制只能选今天之前的日期,包含今天
              return date && date.valueOf() > Date.now();
            // 限制不能选今天之前的日期
             return date && date.valueOf() < Date.now() - 86400000;
             //限制选择未来的日期时间、今日不可选 
             return date && date.valueOf() > Date.now() - 86400000;
            //未来月份不可选, 当月可选
            var dateNow = new Date();
            return date && date.valueOf() > dateNow.setMonth(dateNow.getMonth());
            },
          },
    

    相关文章

      网友评论

          本文标题:iview DatePicker 限制

          本文链接:https://www.haomeiwen.com/subject/lpnakrtx.html