el-date-picker 兼容IE浏览器

最新推荐文章于 2023-11-30 17:13:53 发布
最新推荐文章于 2023-11-30 17:13:53 发布
阅读量805 收藏 1
点赞数
分类专栏： HTML element
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LFP528136199/article/details/119727666
版权
在IE浏览器中，element-ui的el-date-picker组件未正确显示值。通过添加`value-format`属性并设置为`yyyy-MM-dd HH:mm:ss`，可以确保在IE下能正确获取和显示日期时间值。此修复方法对于兼容性问题至关重要，特别是在使用vue.js和element-ui的项目中。
摘要由CSDN通过智能技术生成

一、问题描述

​ element组件之el-date-picker，在chrome浏览器中正常显示，而在IE浏览器却无法显示值。此时，需要设置value-format属性。

    <el-date-picker
      v-model="value1"
      type="datetime"
      placeholder="选择日期时间">
    </el-date-picker>

若不设置 value-format="yyyy-MM-dd HH:mm:ss"，则在IE下无法获取到值。修改为：

    <el-date-picker
      v-model="value1"
      type="datetime"
      value-format="yyyy-MM-dd HH:mm:ss"
      placeholder="选择日期时间">
    </el-date-picker>
几多心跳
关注
专栏目录
Element-UI日历date-picker组件在IE下的首次渲染视图不更新问题的解析过程
全端菜鸟小姐
01-16 3854
  作为一个研发人员，我觉得什么vue、react、angular和UI库其实应该把它们当成跟vscode一样，其实就是一个工具，帮助你开发的工具。而你的思维和解决问题的能力，以及你对新事物的学习能力才是最应该培养的。工具会更新换代的，你执着于那些API其实价值不大，你更应该去学习的是它的实现方法，去学习它的那些实现技巧。当然，作为一个菜鸟 
element-ui日期选择控件 IE11 赋值不显示 placeholder
siwangdexie_copy的博客
05-08 2611
背景： 给日期赋默认值，在IE11，不显示。 <el-date-picker v-model="value1" type="date" placeholder="选择日期"> </el-date-picker> data(){ return { value1:"2019-05-08" } } 解决方法： 删掉 placeholder，新增...
Element UI中设置日期格式
weixin_70024734的博客
07-26 1914
【代码】Element UI中设置日期格式。
关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题
zhoushuizhang的博客
09-17 4457
一、简单说明 项目使用Vue+Element UI进行开发，使用了DateTimePicker 日期时间选择器。 二、问题描述 打开修改对话框（进行选择日期操作可以正常显示），在谷歌浏览器中初始化时能够显示日期和时间，但是一到IE浏览器中初始化时无法回填在显示框，不过控制台可以输出时间。 谷歌浏览器中： IE浏览器（11版）中： 三、解决方案 ...
ViewUI 中 DatePicker 日期选择器在 IE11 浏览器中兼容解决方案
qwe122343的博客
12-23 575
DatePicker 日期选择器 在 IE 11浏览器中无法弹出日期，在 Chrome 浏览器中功能正常，解决方案如下： 在控制台中执行 npm install --save-dev babel-polyfill 在 main.js 中进行引入 import 'babel-polyfill' 再次在 IE 浏览器中运行，成功弹出日期 但是这是对 IE11 的支持， IE 9 和 10 还是会出现问题，日期在弹出框的后面展示 ...
日期选择器浏览器兼容问题
nipaijiong6257的博客
10-19 2996
兼容各种浏览器的日期选择器问题 我在需要用到日期选择器的jsp页面上，以前用的是下面的方法： <input type="data"/> 这种方法在大部分浏览器显示是正常的，但是我用火狐和IE浏览器测试的时候日期下拉框显示不出来。所以这种方法并不是很完美。 解决方法 在网上查阅了一些资料后我采用了bootstrap的date-picker样式 <input class="span10 da
el-date-picker控件在ie浏览器下选择后再刷新首次赋值未显示
qq_34420739的博客
02-26 737
<el-date-picker v-model="nowTime"></el-date-picker> data() { return { nowTime: "", }; }, 问题描述：代码如上，el-date-picker控件在ie浏览器中加载时，选择日期后，点击导航栏的刷新按钮刷新页面，该控件的初始值并未赋值，即还是显示刷新前所选择的日期。其他浏览器就没问题。 问题效果如下： 解决： 为el-date-picker控件添加key属性 &l
解决：element-ui 日期控件在 ie 浏览器上赋值无法正常显示
haogemr的博客
12-24 2064
代码： <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
ie11日期插件清空回显数值
最新发布
木昆灵寒酥的博客
11-30 185
ie 浏览器 日期插件回显值清空
vue遇到ie兼容问题如何处理_Vue 2.0 解决IE浏览器的兼容性
weixin_31316383的博客
12-30 2566
尽管一些高级浏览器对用 babel 编译后的 Vue 2.0 项目支持得很好，但是 IE 浏览器却还是有所欠缺，本文介绍如何解决 IE11 的兼容性(低版本的IE就忽略吧)。1. 让IE11支持Vue2.0的语法npm 安装 babel-polyfillnpm install --save-dev babel-polyfill在 webpack.base.conf.js 文件中修改 entry，添...
兼容IE,firefox日期选择控件
03-29
一个用于日期选择的js控件，兼容IE,firefox。 使用方法： 1)引用js文件:WebCalendar.js 2)在需要的地方调用方法：SelectDate(obj,'yyyy-MM-dd')，其中obj为日期输入目标的引用（好像说复杂了，其实很多时候我们只用...
elementUI 时间控件 DateTimePicker 自定义快捷时间 在ie中无法回调
Mayflyingdancing的博客
08-05 480
应用场景： 需要设置快捷时间：近一周、近一月、近三月，但是初始时间为当天0点，结束时间为当天23点59分59秒。 然后我就写了一段这样的： pickerOptions: { shortcuts: [{ text: '最近一周', onClick(picker) { const end = new Date(); const start = new Date(); start.setTime(start.getTim
element el-date-picker时间插件 ie下没有值
宇你晴天的博客
04-22 2350
element 时间插件 在谷歌下 没有问题 在ie下 回一直进入error 最后发现 是因为插件返回的时间格式 有问题 console.log(this.curriculumForm.time) console.log(this.curriculumForm.time[0]) console.log(new Date(this.curriculumForm.time[0].replace(/-/...
vue中使用element-ui的日期选择器el-date-picker在ie和Safari点击不能选择
Zxiuping的博客
08-01 5674
如上图所示情况，在谷歌、火狐等浏览器选择没有问题，但是在ie和Safari浏览器点击的时候上面输入框是空白的，因为ie和Safari浏览器解析日期格式支持yyyy/MM/dd， 将yyyy-MM-dd格式日期转换为yyyy/MM/dd即可，可以用正则替换 .replace(/-/g,"/")。 另外说一下将yyyy/MM/dd格式日期转换为yyyy-MM-dd即可，可以用正则替换 .rep...
element 时间组件的默认时间设置default-value属性
热门推荐
qq_41767905的博客
02-18 1万+
在element 中的时间范围选项，直接默认的是以当前激活时间为默认，往后延续一个月，但我经常需要设置default-value属性。 <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
Element-UI DatePicker日期范围选择器兼容移动端样式的修改
千里之行，始于足下
08-30 1984
Element-UI DatePicker日期范围选择器兼容移动端样式的修改
vue+element 时间控件 在ie上的兼容性问题
weixin_33713350的博客
01-22 3190
时间控件选择在ie11上发现不能显示传入的时间,选择时间控件点击会出现无效的结果. 发现传入的值时间格式为2018-01-22这种格式会出现兼容的问题. 所以必须替换格式 this.endTime = this.orderData.endTime.replace(/-/g, "/"); 转载于:https://juejin.im/post/5c46d591f265da610e806216...
element 日期选择器 踩坑记录
xcy_Celia的博客
11-22 464
问题一 点击清空按钮报错问题二 修改无效 视图不更新。
elementUi的时间选择器在IE浏览器的赋值问题--前端
weixin_30611509的博客
02-20 317
项目技术：vue+elementUi，组件化 出现的问题：在IE浏览器（IE10+），唤醒组件加载赋值，表单中el-input等框赋值正确，el-date-picker选择器没有显示所附的值（或显示placeholder） 解决： 　　1、有可能是时间数据的格式造成的问题，格式为“2019-02-20T01:10:31.514+0000”的时间IE中el-date-picker无法显示，“2...
el-date-picker el-date-picker
09-20
el-date-picker是一个日期时间选择器组件，它支持日期限制和时分秒时间限制。在给定的引用中，el-date-picker组件被用作开始时间和结束时间的输入框。通过设置type="datetime"，可以使日期时间选择器同时显示日期和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值