首页 > 其他 > 详细

iview DatePicker 只能选本月

时间:2019-11-02 14:13:33      阅读:137      评论:0      收藏:0      [点我收藏+]

html

<FormItem label="活动时间" prop="activity_time">
                    <DatePicker
                      v-model="addForm.activity_time"
                      @on-change="param.activity_time=$event"
                      type="date"
                      format="yyyy-MM-dd"
                      :options="options"
                      placeholder="活动时间"
                      style="width: 214px"
                      :disabled="modalDisable"
                    ></DatePicker>
                  </FormItem>

 

js

options: {
        disabledDate(date) {
          let dateTime = new Date();
          let currentYear = dateTime.getFullYear();
          let currentMonth = dateTime.getMonth();
          let monthFirstDay = new Date(currentYear, currentMonth, 1);

          let newMonth = ++currentMonth;
          let newYear = currentYear;
          if (newMonth >= 12) {
            newMonth -= 12;
            newYear++;
          }
          let nextMonthFirst = new Date(newYear, newMonth, 1);
          let nonthLastDay = new Date(
            nextMonthFirst.getTime() - 24 * 60 * 60 * 1000
          );
          return (
            date.valueOf() < new Date(monthFirstDay).getTime() ||
            date.valueOf() > new Date(nonthLastDay).getTime()
          );
        }
      } //时间范围限制

 

iview DatePicker 只能选本月

原文:https://www.cnblogs.com/mxyr/p/11781323.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!