Ant Design Vue, DatePicker 日期选择框

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

        Moment.js 中文网

Ant Design Vue, DatePicker 日期选择框_第1张图片

         ranges是页脚下面的内容。

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

Ant Design Vue, DatePicker 日期选择框_第2张图片

         转化成时间戳,使用 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点。

Ant Design Vue, DatePicker 日期选择框_第3张图片

 使用  endOf()  ,会选择到这天的23:59:59

Ant Design Vue, DatePicker 日期选择框_第4张图片

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

 Ant Design Vue, DatePicker 日期选择框_第5张图片

你可能感兴趣的:(html,前端)