使用ANT VUE 版的 a-range-picker组件如何预设常用日期范围

效果如图示:

image.png

主要是需要依赖于:moment 。

首先需要引入:moment

image.png

再次,再methods里定义方法:

image.png

然后再对于的组件地方配置:


image.png

然后定义相关预设日期对象:

 // 预设日期查询条件
        fanhui:
          {
            今天: [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()]
          },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。