element-ui时间日期选择器回显功能以及不能修改问题的解决

这篇具有很好参考价值的文章主要介绍了element-ui时间日期选择器回显功能以及不能修改问题的解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

地址:element-ui时间日期选择器不能修改问题的解决 - 走看看

解决办法:

属于是强制更改

this.$set(this.editform, "cert", [new Date(val.startTime), new Date(val.endTime)])

原因

项目中使用到了,时间日期选择器。新建表单数据的时候没有问题,但是在编辑的时候,时间日期回显,这时却改不了数据。实际情况是,打开控制台的vue调试发现,model已经修改,但是页面的view数据却没有修改。

elementui日期回显,vue.js,前端,javascript

编辑的时候,修改了时间,控制台中能看到已修改,可是页面上确没修改而且也不能删除,出现这样的问题,该如何解决?

elementui日期回显,vue.js,前端,javascript

解决方案:在获取数据回显的时候使用$set:

elementui日期回显,vue.js,前端,javascript

刚开始是直接赋值(如果不是标准时间需要转成标准时间--new Date(val.startTime)),也能实现回显,修改日期后,返回的数据仍是修改后的,但是页面日期选择器并没有改变(视图没改变),文章来源地址https://www.toymoban.com/news/detail-516227.html

到了这里,关于element-ui时间日期选择器回显功能以及不能修改问题的解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element-ui 日期时间选择控件DateTimePicker 带快捷方式,配置默认时间

    前言:好记性不如烂笔头 带快捷方式的 可设置默认时间 js中的Date对象 setHours()方法—— Date .setHours( hour,min,sec,millisec ),如new Date().setHour(0, 0, 0),new Date().setHour(23, 59, 59) 带快捷键的,关键属性picker-options,单个日期时间的选择或者日期时间段的选择都可以用 配置:picker-optio

    2024年02月11日
    浏览(51)
  • element-ui 日期时间选择器el-date-picker 设置禁止选择日期

    使用日期选择器时,有的时候需要禁止选择一些日期,我们可以通过快捷选项 picker-options 对象中的禁用日期属性 disabledDate 来设置。

    2024年02月11日
    浏览(38)
  • Element-UI的DateTimePicker禁用日期时间选择(type=datetime)

    \\\"date-fns\\\": \\\"^2.29.3\\\", \\\"element-ui\\\": \\\"^2.15.13\\\", 效果:    效果:

    2024年02月12日
    浏览(27)
  • element-ui实现日期选择器最近一周,上一周,下一周功能

    界面部分代码: js部分:

    2024年02月11日
    浏览(30)
  • 【VUE】el-date-picker日期选择器回显

    使用elementUI - el-date-picker 日期选择器 在请求到后端接口后,返回的数据中,日期数据回显到页面的el-date-picker组件中 1.  Vue.set( target, propertyName/index, value )      数组:第一个参数是要修改的数组, 第二个值是修改的下标或字段,第三个是要修改成什么值。     2. this.$set(this

    2024年02月11日
    浏览(47)
  • element-ui 日期选择器选择年份,拼接月日,并控制范围

    element-ui 日期选择器选择年份,拼接月日,并控制范围。 type=\\\"year\\\",控制下拉选项为年份 format=\\\"yyyy-MM-dd\\\"、value-format=\\\"yyyy-MM-dd\\\",控制文字显示为年月日 此时选中年份会显示选中年的第一天【2023-01-01】,如果有规定月-日的需求,可以在选中事件里重新赋值。 :picker-options=\\\"pick

    2024年02月08日
    浏览(42)
  • element-ui - 日期选择器el-date-picker 设置禁止选择日期

    使用日期选择器时,有的时候需要禁止选择一些日期,我们可以通过快捷选项 picker-options 对象中的禁用日期属性 disabledDate 来设置。 只能选择今天以及今天之后的日期 只能选择今天之后的日期(不包含今天) 只能选择今天以及今天之前的日期 只能选择今天之前的日期(不包

    2024年02月11日
    浏览(53)
  • Element-ui 实现多个日期时间发范围查询

    el-form-item label=\\\"生产时间\\\"             el-date-picker                 v-model=\\\"dateProduct\\\"                 style=\\\"width: 240px\\\"                 value-format=\\\"yyyy-MM-dd\\\"                 type=\\\"daterange\\\"                 range-separator=\\\"-\\\"                 start-placeholder=\\\"生产开始日期\\\"    

    2024年02月11日
    浏览(27)
  • 使用element-ui+vue 做修改功能时,数据不回显问题

    后端数据已经做好了,页面发送数据获取id给后端,查询数据后返回给前段页面。res.data.data数据是可以打印出来的,但是这个_this.from一直打印出来的是undefined,找了很多方式都没有办法把值附上去。请问有什么办法吗 这个是表单页面

    2024年02月16日
    浏览(28)
  • vue element-ui年份范围选择器,年日期插件,可选日期区间等

    可以禁止选择未来日期,以及可选的日期范围控制,代码在最下面。 直接上代码: 先来一个不禁止选择的示例 yearDate.js文件 我是禁止了未来日期,时间跨度,只能选3年, 代码如下: 参考地址:https://www.jianshu.com/p/44584a4a4953

    2024年02月11日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包