AntdesignVue日期选择框注意事项

PC端项目前端技术栈：Vue+AntVue

项目UI框架选用阿里的AntVue，这里总结一下该框架下日期选择框的一些注意事项

 

首先介绍的就是该框架组件v-model绑定的值并不是显示上的YYYY-MM-DD格式,而是moment类型数据，所以采用该组件时，

一、你需另行安装momentjs依赖，进行前后端交互传参时的数据处理

二、日期选择框官方事例中无年度选择框，只能采用面板切换显隐的方式替代

三、年度下拉选择框面板状态不再支持一些组件固有属性，例如过滤禁用日期属性，就算你设置了该属性，面板展示上还是原有年份，（当然，动手能力强的同学可以看下框架组件源码，进行改造）

四、既然是表单项，那么当然逃脱不掉表单中采用该组件，不过这里很不幸的是，年度面板状态下的值变更v-decorator中规则校验validator属性不生效，不过是否必填规则属性校验还是可以的