0
点赞
收藏
分享

微信扫一扫

el-date-picker 默认选择几天和最大选择几个月

菜菜捞捞 2022-02-17 阅读 44
 <el-form-item label="日期范围">
   <el-date-picker
      v-model="timedate"
         type="daterange"
         size="mini"
         value-format="yyyy-MM-dd"
         range-separator="至"
         start-placeholder="开始日期"
         end-placeholder="结束日期"
         :picker-options="pickerOptions">
       </el-date-picker>
     </el-form-item>
//最大选择三个月   放入data
  pickerOptions: {
      onPick: function({ minDate, maxDate }) {
        if (minDate && !maxDate) {
          const currentDateTimestamp = minDate.getTime();
          const minDateTimestamp = currentDateTimestamp - 3600 * 1000 * 24 * 90;
          const maxDateTimestamp = currentDateTimestamp + 3600 * 1000 * 24 * 90;
          this.disabledDate = date => {
            const dateTimestamp = date.getTime();
            return dateTimestamp <= minDateTimestamp || dateTimestamp >= maxDateTimestamp;
          };
        }
      }
    },

methods: {
        //默认三天
        setData(){
         var end = new Date();
         var start = new Date();
         start.setTime(start.getTime() - 3600 * 1000 * 24 * 2);
         end = end.getFullYear() + '-' + (end.getMonth() + 1) + '-' + end.getDate()
         start = start.getFullYear() + '-' + (start.getMonth() + 1) + '-' + start.getDate()
         this.timedate = [start,end]
      },
 }

举报

相关推荐

0 条评论