element定义快捷时间选项

最新推荐文章于 2024-03-28 10:55:00 发布

June_Wong

最新推荐文章于 2024-03-28 10:55:00 发布

阅读量263

点赞数

分类专栏： VUE element

本文链接：https://blog.csdn.net/June_Wong/article/details/95343477

版权

VUE 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

element

1 篇文章 0 订阅

订阅专栏


<el-date-picker class="search-label"
        v-model="datetimeValue"
        type="datetimerange"
        :picker-options="pickerOptions"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        align="right">
 </el-date-picker>

data(){
	return {
		datetimeValue: '',
		defaultValue: [new Date().getTime() - 3600 * 1000 * 24 * 7,new Date().getTime()],		// 默认今天的数据;
		pickerOptions: {
          shortcuts: [{
            text: '今天',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(new Date().setHours(0, 0, 0, 0))
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '昨天',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              end.setTime(end.getTime() - 3600 * 1000 * 24);
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 2);
              picker.$emit('pick', [start, end]);
            }
          },{
            text: '最近一周',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              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]);
            }
          }]
        },
	}
}