element date-picker 限制选择时间范围

 

 效果如图展示:

复制代码
<el-date-picker
          v-model="month"
          type="month"
          :clearable="false"
          placeholder="选择月份"
          format="yyyy 年 MM 月"
          value-format="yyyy-MM"
          style="margin-bottom: 10px; width: 300px"
          :picker-options="pickerOptions()"
        />


pickerOptions() {
      return {
        disabledDate: (time) => {
          const currentYear = new Date().getFullYear();
          const currentMonth = new Date().getMonth();
          // 只能选择当前月份与其前后两个月
          return (
            time.getFullYear() !== currentYear ||
            time.getMonth() > currentMonth + 1 ||
            time.getMonth() < currentMonth - 1
          );
        },
      };
    },
复制代码

 

posted @   leahtao  阅读(175)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示