Element-ui|iView 中时间选择器 只能选择当前月

实际上自定义这种时间选择器的disabled 都是有一个disabledDate设置的。如下列举的是iView的代码

html:


<FormItem label="日期" prop="date">
    <Date-picker type="date" v-model="queryForm.date" placeholder="日期" :options="timeOptions"></Date-picker>
</FormItem>

js:

data(){
  return{
      timeOptions: {
        disabledDate: (date) => {
          let dateTime = new Date();
          let year = dateTime.getFullYear();
          let month = dateTime.getMonth();
          let monthFirstDay = new Date(year, month, 1);
          let newMonth = ++month;
          let newYear = year;
          if (newMonth >= 12) {
            newMonth -= 12;
            newYear++;
          }
          let monthNextDay = new Date(newYear, newMonth, 1);
          let monthLastDay = new Date(
            monthNextDay.getTime() - 24 * 60 * 60 * 1000
          );
          return ( date.valueOf() < new Date(monthFirstDay).getTime() || date.valueOf() > new Date(monthLastDay).getTime() );
        },
      },
  }
}


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容