Ant Design Vue中日期选择器快捷选择 presets 用法

ant写文档的纯懒狗

返回的是一个day.js对象 范围选择时可接受一个数组  具体参考 操作 · Day.js

话不多说 直接上代码

 <a-range-pickerv-model:value="formData.datePick"valueFormat="YYYY-MM-DD HH:mm:ss"showTime:presets="presets"@change="handleData"
/>import dayjs from 'dayjs'const presets = ref([{label: '今天',value: [dayjs().startOf('day'), dayjs().endOf('day')]},{label: '最近3天',value: [dayjs().add(-3, 'day'), dayjs()]},{label: '最近7天',value: [dayjs().add(-7, 'day'), dayjs()]},{ label: '最近30天', value: [dayjs().add(-30, 'day'), dayjs()] }
])