在这里插入图片描述

      <a-range-picker
          format="YYYY-MM-DD"
          :placeholder="['开始日期', '结束日期']"
          allow-clear
          @change="bptjTimeChange"
          :ranges="ranges"
          v-model='pickerDefault'
      />
  
	
	import moment from 'moment';

	data() {
      return {
        //默认近一个月的时间
          pickerDefault:[moment().subtract('days', 30), moment()], 
        // 时间插件
          ranges: {
          '今天': [moment(), moment()],
          '昨天': [moment().subtract('days', 1), moment().subtract('days', 1)],
          '近一周': [moment().subtract('days', 7), moment()],
          '近两周': [moment().subtract('days', 14), moment()],
          '近一个月': [moment().subtract('days', 30), moment()],
          '近三个月': [moment().subtract('days', 90), moment()],
          '近半年': [moment().subtract('days', 182), moment()], // 一年的一半
          '近一年': [moment().subtract('days', 365), moment()],
          '当月': [moment().startOf('month'), moment()],
          '当季': [moment().startOf('quarter'), moment()],
          '当年': [moment().startOf('year'), moment()],
        },
      }
   }

     // 日期选择
     bptjTimeChange(date, dateString){
       console.log(dateString);    //['2022-02-16', '2022-05-17']
     },
Logo

前往低代码交流专区

更多推荐