美文网首页
使用ANT VUE 版的 a-range-picker组件如何预

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

作者: 小钟钟同学 | 来源:发表于2020-06-08 10:31 被阅读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()]
          },

相关文章

网友评论

      本文标题:使用ANT VUE 版的 a-range-picker组件如何预

      本文链接:https://www.haomeiwen.com/subject/xmlazhtx.html