定义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]
},
}
}
