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'); 

 

posted @ 2022-11-20 00:24  土小狗  阅读(1007)  评论(0编辑  收藏  举报