定义antd vue admin的<a-range-picker>的初始值 | 牧天的酒吧

定义antd vue admin的<a-range-picker>的初始值

2023-12-10 10:36:19 于 技术

Template内容

<a-range-picker format="YYYY-MM-DD"  v-decorator="['betweenTime',{ initialValue: defaultDates }]" />

Script内容

import moment from 'moment'
export default {
    data () {
      return {
        // 设置默认日期为今天
        defaultDates: [moment(), moment()],
      }
    }
  }

扩展内容:

      <a-form-item
        label="时间范围"
        :labelCol="{span: 7}"
        :wrapperCol="{span: 17}"
                :required="true"
      >
        <a-range-picker  
                    :ranges='timeRange'
                    :default-value="[
                       moment().startOf('month'),
                       moment().startOf('day'),
                    ]"
                    :placeholder="['开始时间', '结束时间']"
                    @change="createChange"
                    style="width: 100%" 
                />
      </a-form-item>
import moment from 'moment'
export default {
  name: 'SampleChoice',
    data () {
      return {
            trainForm: {
                dateRange: {
                    beginTime: moment().startOf('month').format('YYYY-MM-DD'),
                    endTime: moment().startOf('day').format('YYYY-MM-DD')
                }
            },
            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()]
            },
      }
    },
  methods: {
        moment,
        createChange(dates, dateStrings) {
          this.trainForm.dateRange.beginTime = dateStrings[0]
          this.trainForm.dateRange.endTime = dateStrings[1]
        },
  }
}

参考资料:https://www.jianshu.com/p/3246f0ce98d6

回主页