el-date-picker禁用日期以及日期获取的方法

最新推荐文章于 2024-08-30 17:44:11 发布

指标满载

最新推荐文章于 2024-08-30 17:44:11 发布

阅读量1.7k

点赞数 1

文章标签： el-date-picke 禁用多个日期关联禁用

本文链接：https://blog.csdn.net/weixin_44770377/article/details/106215721

版权

本文介绍如何在el-date-picker中获取六天后的日期，并在选择日期后禁用其他日期字段，例如：当申请入党日期为6月2号时，积极分子、发展对象和预备党员日期分别禁用6月2号之前、6月4号之前和6月8号之前的日期。

摘要由CSDN通过智能技术生成

<el-date-picker
                v-model="cdeliveryDate"
                :picker-options="pickerOptions"
                format="yyyy-MM-dd HH:mm:ss"
                value-format="yyyy-MM-dd HH:mm:ss"
                align="right"
                type="date">
              </el-date-picker>


data() {
     return {
         cdeliveryDate: '',
         pickerOptions: {
           // 限制日期
            disabledDate: this.disabledDate
        },
     }
  } ,
  methods: {
    disabledDate(time) {
      return time.getTime() < Date.now() + 3600 * 1000 * 24 * 1 * 42  //日期可选 ：最少为六周后，之前的都禁用
    },
}

二、怎么拿到6天后的日期

var date = new Date();
date.setDate(date.getDate()+6);
console.log(date,'date即为6天后的日期')
var str='',
  dates=date.toLocaleDateString().split('/'),
  year=dates[0],
  month