使用ANT VUE 版的 a-range-picker组件如何预

2020-06-08  本文已影响0人  小钟钟同学

效果如图示:

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()]
          },
上一篇 下一篇

猜你喜欢

热点阅读