elementUi的时间选择器在IE浏览器的赋值问题--前端

最新推荐文章于 2024-03-12 16:52:45 发布

weixin_30611509

最新推荐文章于 2024-03-12 16:52:45 发布

阅读量342

点赞数

CC 4.0 BY-SA版权

文章标签： ui 前端 javascript ViewUI

原文链接：http://www.cnblogs.com/han77/p/10404719.html

在使用Vue与ElementUI进行组件化开发时，发现IE10+浏览器下，el-date-picker组件在加载时无法正确显示已赋值的日期，本文探讨了可能的原因及解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目技术：vue+elementUi，组件化

出现的问题：在IE浏览器（IE10+），唤醒组件加载赋值，表单中el-input等框赋值正确，el-date-picker选择器没有显示所附的值（或显示placeholder）

解决：

　　1、有可能是时间数据的格式造成的问题，格式为“2019-02-20T01:10:31.514+0000”的时间IE中el-date-picker无法显示，“2019-02-20”或者毫秒格式的时间都可以显示。

　　2、如果时间格式没有问题，那么可能是placeholder造成的，删掉就可以了，或者一定要带placeholder的话，给placeholder一个变量，在赋值之后再给这个变量值就可以了。

明天：element-tree-grid的使用

转载于:https://www.cnblogs.com/han77/p/10404719.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30611509

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

SpringBoot+ElementUI实现通用文件下载请求(全流程图文详细教程)

BADAO_LIUMANG_QIZHI的博客

08-14

3912

场景在某些场景下需要前端浏览器从服务器端下载文件，比如需要下载导入Excel的模板。注：博客：https://blog.youkuaiyun.com/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现既然是实现通用下载接口，就要实现在后端配置一个下载文件的路径，在前端进行下载请求时传递要下载的文件的名字，然后请求公共接口进行下载。首先是在前端使用ElementUI的el-link添加一个下载链接 &lt...

2023前端面试

FrontEndEngineer的博客

02-08

1679

obj对象想要获取name或者say，首先判断自己的属性当中有没有，如果没有找到，那么就在__proto__属性中去找，而这个时候__proto__与Person的prototype是相等的，也就是__proto__指向Person，那么便可以找到name和say。为了处理异步，当触发事件的时候，会通过dispatch来访问action中的方法，actions中的commit会触发mutation中的方法从而修改state里的值，通过getter把数据更新到视图中。这些都是计算属性无法做到的。

参与评论您还未登录，请先登录后发表或查看评论

关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题

zhoushuizhang的博客

09-17

4580

一、简单说明项目使用Vue+Element UI进行开发，使用了DateTimePicker 日期时间选择器。二、问题描述打开修改对话框（进行选择日期操作可以正常显示），在谷歌浏览器中初始化时能够显示日期和时间，但是一到IE浏览器中初始化时无法回填在显示框，不过控制台可以输出时间。谷歌浏览器中： IE浏览器（11版）中：三、解决方案 ...

解决：element-ui 日期控件在 ie 浏览器上赋值无法正常显示

haogemr的博客

12-24

2137

代码： <un-button @click="changeDate">改变时间</un-button> <el-date-picker v-model="value" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" > </el-date-picker> data(){ return { value:"" } } methods: { chan

Element中时间控件在IE浏览器中初始值不显示以及时间无法选择的解决办法

cherrylindan的博客

03-25

1470

element中的datetime时间空间在谷歌浏览器中可以正常使用，但是在IE中显示及操作异常。 IE浏览器谷歌浏览器 1，可以去掉placeholder 2, 我是去掉placeholder无效，然后设定的日期格式就ok了 ...

记一次javascript IE11时间格式化兼容

star7783620的博客

09-28

1221

众所周知new Date() 方法中是可以携带参数的，然而~在各个浏览器下传递的参数格式是有要求的，不注意就会造成此浏览器下时间格式化没问题而其他浏览器出问题，本文记录一次IE11无法正常格式化时间的问题时间日期控件：element datepicker (三个都用了三个保存的时间在不填写value-format的情况下是不一样的，本文出现问题就是因为这个事情，所以建议大家一开始就商量好与后台时间的对接格式，建议使用时间戳，转换方便，不会出错）首先先附上网上找来的不同浏览器new Date 的识别...

IE 8日期兼容问题

Java流浪记

10-21

429

IE 8支持的日期格式是类似2016/10/21 或者 2016/10/21 00:00:00 类似的格式，所以通常需要把格式转换一下，可以用split提取后在进行拼接，由于ie8不支持replace方法，所以目前这个是可以比较不错的方式

Vue+ElementUI后台管理项目问题方法总结

热门推荐

m0_50861631的博客

03-06

16万+

JavaScript \1. Promise 的理解 Promise 是一种为了避免回调地狱的异步解决方案 2. Promise 是一种状态机： pending（进行中）、fulfilled（已成功）和rejected（已失败）只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。回调地狱回调函数中嵌套回调函数的情况就叫做回调地狱。回调地狱就是为是实现代码顺序执行而出现的一种操作，它会造成我们的代码可读性非常差，后期不好维护。一、Promise是什么？ Promise是最早

2021-6月面试总结-vue，uniapp，小程序，h5，更新中

shuux666的博客

03-03

947

**一、**vue 2.6.11 vue****页面的生命周期？总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。创建前/后：在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre

vue+element 模态框批量赋值给table

srz1128的博客

12-17

916

模态框内容只赋值给页面表格，并不直接修改后台数据页面代码 <el-button type="text" @click="onUpdata()">批量设置</el-button> <el-table ref="table1" v-loading="listLoading" :data="listData" stripe border style="width: 100%" :height="tabHeight" @select..

Vue-Element之数据赋值与重置

weixin_45432575的博客

08-30

4142

Vue-Element之数据赋值与重置父组件传递给子组件的对象变量，不能直接赋值或通过计算属性给子组件的变量赋值。因为对象的特性，直接赋值会使得子组件中对象的取值受到父组件中相应对象的影响。应采用下面的形式 let form = Object.assign({}, this.formInline) 服务器返回的数据覆盖表格中的内容，不用循环数组push的方式给tableData赋值，而采用下面的形式，直接赋值 this.tableData = res.data.data.* 向对象中增加属性

浏览器打印解决input框内容无法获取值得问题 print()

D_Z_Yong的博客

03-24

1万+

在使用浏览器的打印功能时，在DOM上，input中的值没有在元素内，只有纯文本的才可以被print();可以动态设置input的value值，实现input也可以打印出来使用vue的自定义指令来实现input的打印功能由于打印是浏览器重新打开一个html文件来实现的，所以在原页面使用的样式都是无效的，要编写打印html的时候要把css文件引入进去，或者在打印的html文件里直接写style样式，或者通过vue的data设置样式变量，在文件中引用，方法一：使用vue的自定义指令，给input绑定，在

ElementUI 日期组件在IE下数据无法正常显示

hu441805796的博客

11-27

1490

问题描述： ElementUI 日期组件在IE下显示bug 问题分析：解决方案： 1、使用组件自带属性value-format（解决选择后无法显示问题）； value-format="yyyy-MM-dd hh:mm:ss" 2、删除placeholder属性（解决数据回填第一次不显示问题） ...

ElementUI el-time-picker DatePicker 日期选择器显示到分钟不显示秒

qinkaiyuan94的博客

01-12

4万+

format是格式化显示出来的样子，HH:mm只显示小时和分钟

ElementUI中el-form实现表单重置以及将方法抽出为全局方法

BADAO_LIUMANG_QIZHI的博客

08-31

3510

场景使用el-form时，点击重置按钮或者取消按钮时会实现表单重置效果。那么el-form怎样实现表单重置，如果在多个页面需要用到重置，怎样将此方法抽出为全局的方法，在需要用到的地方直接引用。注：博客：https://blog.youkuaiyun.com/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现实现重置首先给el-form添加ref属性。 <el-form :model="queryParams" ref=.

Element ui: form表单使用

青梅煮码

06-20

909

form 表单赋值/取值取值：获取 form 表单的每个表单项的值：this.formName.property，比如：this.ruleForm.username，this.ruleForm.psw赋值：大部分都是下面这种方式赋值格式（property: value），一般的 input ，赋值和显示的事一致的，而有些则不一定。比如下拉选择列表 select ...

【ElementUI】DatePicker 日期选择器设置日期，只能选择今天和未来时间

v5666666的博客

07-06

3849

最近的工作当中遇到一个问题，就是使用Element日期控件 DatePicker 日期选择器的时候，因为我是用于预约功能产品说：过去的时间还能选，是想让他穿越嘛…（能穿越多好！起）哈哈哈哈本来是这样的在DatePicker 日期选择器组件上设置:picker-options=“pickerOptions” <el-row :gutter="1"> <el-col :span="13"> <el-date-pi

elementUI表单form内双向绑定失败

xiaojinglyd的博客

12-17

2456

环境： element-ui2.13.0，vue 2.6.10，vueCli3.0初始化问题： form表单内部的表单控件双向绑定失效，表单控件不会显示选中项。如果单选，data内部会同步更新，但是表单控件不会显示已选项；多选时，data内部同步值很慢，只有最后选择的一项。此时当其他不关联表单控件变化时，有问题的表单控件可能会显示选中项，多选甚至会显示选中的多个，很诡异。 <templat...

elementui时间选择器回显

08-10

要实现 ElementUI 时间选择器的回显，你可以使用 v-model 指令来绑定一个日期数据，并在需要回显的时候将该日期数据传递给时间选择器的 value 属性。下面是一个示例代码： ```html <el-date-picker v-model=...