首页 > 其他分享 >element日期时间选择器双向数据绑定问题

element日期时间选择器双向数据绑定问题

时间:2023-02-23 09:23:13浏览次数:50  
标签:changetime defaultnowTime 绑定 element let time 选择器


<el-form-item                   label="生效时间 :"                   prop="startTime"                 >                   <el-date-picker                     v-model="ruleForm.startTime"                     type="datetime"                     placeholder="请选择生效时间"                     size="mini"                     prefix-icon="el-icon-time"                     clearable                     :editable="false"                     value-format="yyyy-MM-dd HH:mm:ss"                     :disabled="disabled || editDisable"                     :default-time="defaultnowTime"                     @focus='changetime'                     :key="defaultnowTime"                   >                   </el-date-picker>                 </el-form-item>  changetime () {       let time = new Date()       let hh = time.getHours()       let mm = time.getMinutes()       let ss = time.getSeconds()       this.defaultnowTime = hh + ':' + mm + ':' + ss     },  功能:点击时间日期选择器的文本框,调用changetime方法,获取实时时间并给defaultnowTime 赋值  问题:单纯打印文本defaultnowTime是实现了双向数据绑定的,但是日期时间选择器的default-time的默认显示时间没有实现响应式双向数据绑定 解决办法:给日期时间选择器组件加:key="defaultnowTime" default-time

标签:changetime,defaultnowTime,绑定,element,let,time,选择器
From: https://www.cnblogs.com/meiyanstar/p/17146676.html

相关文章