vue中使用Moment.js解决antd vue:[antdv: DatePicker] `value` provides invalidate moment time.
使用antd vue 中的datepick,报错:warning.js?2149:7 Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null instead.
- 解决方案:因为datepick需要的数据类型是moment值,需要将string类型转换为moment类型
使用moment的方法:
1.安装模块
npm install moment --save
2.在main.js中引入
import moment from 'moment'; //导入模块
moment.locale('zh-cn'); //设置语言 或 moment.lang('zh-cn');
Vue.prototype.$moment = moment;//赋值使用
3.使用
this.$moment('2019/06/17 14:00:00').startOf('hour').fromNow(); //1小时前
this.$moment().format('YYYY年MM月DD日 HH时mm分ss秒'); //2019年08月01日 19时50分20秒
this.$moment(new Date()).format('YYYY年MM月DD日 HH时mm分ss秒'); //2019年08月01日 19时50分20秒
//计算两个日期的天数
let days = this.$moment('2019/06/17 14:00:00').diff(this.$moment('2019/06/20 14:00:00'), 'days');
//比较两个日期的大小
let flag = this.$moment('2019/06/17 14:00:00').isBefore('2019/06/17 14:00:00');