在Vue中設置時間區間搜索

原创

wx57ac012361806 2023-03-06 04:06:40 ©著作权

©著作权归作者所有：来自51CTO博客作者wx57ac012361806的原创作品，请联系作者获取转载授权，否则将追究法律责任

vue:
          <a-col :md="5" :sm="24">
              <a-form-item>
                <a-range-picker
                  :ranges='timeRange'
                  :default-value="[
                       moment().startOf('month'),
                       moment().startOf('day'),
                    ]"
                  style="width: 400px"
                  name='binded_at'
                  :show-time="{
                  hideDisabledOptions: true
                }"
                  :placeholder="['結束時間起點', '結束時間終點']"
                  format='YYYY-MM-DD'
                  @change="endTimeChange"
                />
              </a-form-item>
            </a-col>
            
data():
            
timeRange:
        {
          今天: [moment().startOf('day'), moment()],
          昨天: [moment().startOf('day').subtract(1, 'days'), moment().endOf('day').subtract(1, 'days')],
          最近三天: [moment().startOf('day').subtract(2, 'days'), moment().endOf('day')],
          最近一週: [moment().startOf('day').subtract(1, 'weeks'), moment()],
          本月: [moment().startOf('month'), moment()],
          本年: [moment().startOf('year'), moment()]
        },
        
        
            trainForm: {
        dateRange: {
          beginTime: moment().startOf('month').format('YYYY-MM-DD'),
          endTime: moment().startOf('day').format('YYYY-MM-DD')
        }
      },
      
      
methods:
    moment,
    createChange(dates, dateStrings) {
      this.trainForm.dateRange.beginTime = dateStrings[0]
      this.trainForm.dateRange.endTime = dateStrings[1]
    },
    
    
      
before request:
          if (this.trainForm.dateRange) {
          this.queryParam.start_at_range = this.trainForm.dateRange.beginTime + ',' + this.trainForm.dateRange.endTime
        }