js 获取指定日期的前一天 / 后一天和element日历禁选日期动态赋值

最新推荐文章于 2024-01-11 06:41:33 发布

coldriversnow

最新推荐文章于 2024-01-11 06:41:33 发布

阅读量285

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/coldriversnow/article/details/129729865

版权

date 代表指定的日期，格式：2018-09-27
day 传-1表始前一天，传1表始后一天

function getNextDate(date,day) {  
  var dd = new Date(date);
  dd.setDate(dd.getDate() + day);
  var y = dd.getFullYear();
  var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
  var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
  return y + "-" + m + "-" + d;
};

getNextDate(date,day)

<template>
        <div class="wxxxbd">
          <el-form-item label="选择日期：">
            <el-date-picker
              v-model="aaa"
              value-format="yyyy-MM-dd HH:mm:ss"
              type="datetime"
              :picker-options="startTimePicker"
              placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
        </div>
</template>
 
<script>
export default {
  data () {
    return {
      startTimePicker: {},    
    }
  },
  methods: {
    //动态赋值
     fuzhi() {
          function getNextDate(date, day) {
              var dd = new Date(date);
              dd.setDate(dd.getDate() + day);
              var y = dd.getFullYear();
              var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
              var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
              return y + "-" + m + "-" + d;
          };
          let rqtime='2023-03-27'
          let endriqi= getNextDate(rqtime,3);
          this.startTimePicker= {
              disabledDate: time => {
                  // 这个dateTime 是拿到的时间范围值
                  const [start, end] = [rqtime,endriqi]
                  const timer = new Date(time).getTime()
                  return timer < new Date(start) || timer > new Date(end)
              }
          };


     }
      
  }
  
}
</script>