Ant Design of Vue 时间选择框踩坑 && Ant Design of Vue 时间选择器数据回显解决方法

表格中使用时间选择器并使其数据回显本人在项目开发中使用的框架为 Ant Design of Vue 因为这个组件在实际开发中用的是比较少的（一般都是用日期选择框）肯定有人遇到和我一样的问题框架的api 不是很熟悉导致数据不能回显两个重要属性format 数据回显时的数据格式:default-value 绑定的数据源连个参数第一个为默认时间第二为默认的数据格式注意数据源必须放在moment中

time and yang

3564人浏览 · 2020-07-24 10:47:50

time and yang · 2020-07-24 10:47:50 发布

表格中使用时间选择器并使其数据回显

本人在项目开发中使用的框架为 Ant Design of Vue 因为这个组件在实际开发中用的是比较少的（一般都是用日期选择框）
肯定有人遇到和我一样的问题框架的api 不是很熟悉导致数据不能回显
在这里插入图片描述
两个重要属性
format 数据回显时的数据格式
:default-value 绑定的数据源连个参数第一个为默认时间第二为默认的数据格式注意数据源必须放在moment中这个moment 是需要单独引入的
当然事实上你在实际获取的格式并不是这样需要在获取取的时候将其转换
在这里插入图片描述
转换方式如上

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^