ant design vue datapick日期控件 记录

最近项目中引用了ant design vue库，以下是对日期控件的一些记录。可以使用moment()

1/首先要记得引入import moment from 'moment'

 <a-range-picker
              :default-value="[moment().startOf('month'), moment()]"
              :format="dateFormat"
            />

上面的默认值：moment().startOf('month')当月第一天 moment()当前那天； moment().endOf('month')当月最后一天 

2.datepicker双向绑定，页面中使用v-model="date1" 

 

1、给datepicker赋值
可以输出赋值,datepicker赋值需要moment格式的数据,如果赋值了string类型的会报错 需要进行moment格式化moment(dateString)

2、给普通字符串赋值
如果赋值了moment类型的数据 可以通过moment(date).format(XXX)来解决,如果还不行的话可以使用date&& moment(date).lacale(‘en’).format(XXX)

自己项目总结

3/datepicker赋值的时候，它只支持日期格式，不接收字符串格式，而后台要接收字符串格式，所以在绑定的时候才会报value.local() not defined