首页 > 其他 > 详细

Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value、或TimePicker 时间选择框报waring

时间:2021-08-10 16:48:28      阅读:287      评论:0      收藏:0      [点我收藏+]

技术分享图片

a-date-picker/a-time-picker绑定的时间变量是一个string类型,而ant design vue datepicker 默认需要moment格式,所以会报错。

 1                         <a-col :xs="24" :md="12" :sm="24" :lg=‘16‘ :xl=‘6‘>
 2                             <a-form-item label="时间">
 3                                 <a-date-picker
 4                                     v-model="pickerDate"
 5                                     @change="onChange"
 6                                     style="margin-right: 5px;"
 7                                 />
 8                                 <a-time-picker
 9                                     v-model="picker"
10                                     format="HH:mm"
11                                     @change="onPicker"
12                                     placeholder="时间"
13                                 />
14                                 ~
15                                 <a-time-picker
16                                     v-model="picker1"
17                                     @change="onPicker1"
18                                     format="HH:mm"
19                                     placeholder="时间"
20                                 />
21                             </a-form-item>
22                         </a-col>

技术分享图片

 

 

Js

 1 import moment from ‘moment‘
 2 export default {
 3     
 4     data(){
 5             // pickerl:‘ ‘不可为字符串切记
 6             picker: moment(‘00:00‘, ‘HH:mm‘), //默认值
 7             picker1: moment(new Date(), ‘HH:mm‘), //默认值
 8             pickerDate: moment(new Date(), ‘YYYY-MM-DD‘), //默认值
 9     } ,
10     methods:{
11         moment,
12     }
13 }  

 

Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value、或TimePicker 时间选择框报waring

原文:https://www.cnblogs.com/huoshengmiao/p/15123320.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!