首页 > 其他 > 详细

element 日期范围带快捷键

时间:2021-06-09 12:46:38      阅读:11      评论:0      收藏:0      [点我收藏+]
<el-date-picker
        format="yyyy-MM-dd"
        value-format="yyyy-MM-dd"
        v-model="valueDate"
        type="daterange"
        align="right"
        unlink-panels
        range-separator="~"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        :picker-options="pickerOptions"
      >
      </el-date-picker>
 
data 里面
pickerOptions: {
        shortcuts: [{
          text: ‘最近一天‘,
          onClick(picker) {
          const end = new Date();
          const start = new Date();
          start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
          picker.$emit(‘pick‘, [start, end]);
        }
        }, {
          text: ‘最近一个月‘,
            onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
            picker.$emit(‘pick‘, [start, end]);
          }
        }, {
          text: ‘最近三个月‘,
            onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
            picker.$emit(‘pick‘, [start, end]);
          }
        },{
          text: ‘最近六个月‘,
            onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 180);
            picker.$emit(‘pick‘, [start, end]);
          }
        },
        {
          text: ‘最近一年‘,
            onClick(picker) {
          const end = new Date();
          const start = new Date();
          start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
          picker.$emit(‘pick‘, [start, end]);
        }
        }]
      },
      valueDate: "",

element 日期范围带快捷键

原文:https://www.cnblogs.com/wdd-cindy/p/14866027.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!