zoukankan      html  css  js  c++  java
  • vue el-date-picker 日期选择 回显后值无法改变,并且无法删除

    参考另一个大神写的:https://blog.csdn.net/weixin_42769637/article/details/107815831

    情景描述(vue中,其他环境不清楚)

    问题出现情况一、

    写增加和修改功能,form一样,为了省事两个用了同一个form。在修改时,回显后的日期选择控件无法修改了。
    测试后发现修改后的数据可以得到,也就是只是页面显示问题。

    问题出现情况二、

    就是在新增得时候给日期选择框设置默认值位当前时间得时候,也无法点击选择和删除这个初始值,我当时遇到得是这个情况

    第二种应用场景得代码:

     

    <el-date-picker
                  style=" 135px !important"
                  size="small"
                  value-format="yyyy-MM-dd"
                  v-model="rowData.startTime"
                  type="date"
                  placeholder="请选择"
                >
                </el-date-picker>
    
    
     for (let index = 0; index < this.tableData.data.length; index++) {
              // this.tableData.data[index].startTime = this.getNowFormatDate();
              // this.tableData.data[index].endTime = this.getNowFormatDate();
              this.$set(this.tableData.data[index],'startTime',getNowFormatDate())
              this.$set(this.tableData.data[index],'endTime',getNowFormatDate())
            }
    
    
    
    
    /**
     * @description: 返回当前日期得字符串格式
     * @auther: 张琴
     */
    export function getNowFormatDate() {
        let date = new Date();
        let seperator1 = "-";
        let year = date.getFullYear();
        let month = date.getMonth() + 1;
        let strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month =  month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = strDate;
        }
        let currentdate = year + seperator1 + month + seperator1 + strDate;
        return currentdate;
    }
    

      

  • 相关阅读:
    C#中一些关联名词的含义归纳
    lua杂记
    项目管理工具与常用网站汇总
    SVN用法及常见问题分析
    递归打印lua中的table
    脚本编辑中的一些名词概念
    quick-cocos2d-x lua框架解析(一)对UI进行操作的UiUtil脚本
    lua的table转为excel表格的方法
    前端mvc与mvvm
    ext--创建store
  • 原文地址:https://www.cnblogs.com/web-aqin/p/14925793.html
Copyright © 2011-2022 走看看