Ant Design Vue中日期选择器快捷选择 presets 用法
ant写文档的纯懒狗
返回的是一个day.js对象 范围选择时可接受一个数组 具体参考 操作 · Day.js
话不多说 直接上代码
<a-range-picker
v-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()] }
])原文地址：https://blog.csdn.net/weixin_46607967/article/details/140604293
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！