Ant Design Vue RangePicker预设常用的日期范围

本文主要是介绍Ant Design Vue RangePicker预设常用的日期范围，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在使用RangePicker的时候，我们经常需要使用ranges来设置常用时间范围以提升用户体验。

这里记录几种常用的范围

<a-range-picker :ranges="{
今天: [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()]
}" format="YYYY-MM-DD HH:mm:ss" showTime
/>

 

这篇关于Ant Design Vue RangePicker预设常用的日期范围的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---