Ant Design Vue， DatePicker 日期选择框

        AntdV组件的日期选择框用了一个包，moment.js

        Moment.js 中文网

<a-range-picker
    v-decorator="['start_time']"
    showTime
    :ranges="{今天: [moment().startOf('day'), moment().endOf('day')],本周:[moment().startOf('week'), moment().endOf('week')],当月: [moment().startOf('month'),moment().endOf('month').endOf('day'),],}"
    format="YYYY/MM/DD HH:mm:ss"/>

         ranges是页脚下面的内容。

        选择之后开始时间和结束时间是一个数组，数组元素是moment对象，第一个元素是开始时间，第二个元素为结束时间。

         转化成时间戳，使用 unix() 方法。

let start_time = this.filterForm.getFieldsValue().warn_time[0].unix()
console.log(start_time)

        在设置日期范围时，可以使用  startOf()  和endOf()  设置临界值。

 :ranges="{'taday': [moment().startOf('day'), moment().endOf('day')]}"

使用  startOf()  ，会选择这天的0点。

 使用  endOf()  ，会选择到这天的23：59：59

如果都不使用，会选择当前的时间点。