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


<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
posted @   小那  阅读(496)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
点击右上角即可分享
微信分享提示