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;
    }
    

      

  • 相关阅读:
    我开发过程中用到的工具
    我最近写的DataGrid合并/删除相同列通用函数,跟大家分享
    开源项目- Archive Explorer
    SQLite准备出3.0了!
    软件缺陷管理指南 3
    介绍一些.net好站点
    几个著名java开源缓存系统的介绍
    SQL中的Where,Group By,Order By和Having的用法/区别
    Unix/Linux中Cron的用法
    java中判断字符串是否为纯数字
  • 原文地址:https://www.cnblogs.com/web-aqin/p/14925793.html
Copyright © 2011-2022 走看看