element-ui日期选择控件 IE11 赋值不显示 placeholder

最新推荐文章于 2024-05-07 15:58:34 发布
最新推荐文章于 2024-05-07 15:58:34 发布
阅读量2.5k 收藏 2
点赞数 1
分类专栏： 技巧类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/siwangdexie_copy/article/details/89947594
版权
在IE11浏览器中，使用Element-UI的日期选择控件时遇到一个问题，即给日期选择器赋默认值后，日期选择框不显示默认值。解决方法是删除placeholder属性，并通过添加label标签来模拟placeholder效果，将label定位在日期选择器上方，实现与日期选择器的联动。若不需要提示文字，只需移除placeholder，v-model的默认值就能正常显示。
摘要由CSDN通过智能技术生成
背景：

给日期赋默认值，在IE11，不显示。

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

data(){
最低0.47元/天 解锁文章
siwangdexie_new
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
element踩坑之el-select中的placeholder属性不显示
a_bald_girl的博客
07-23 5500
直接上图 咱想要这种效果 但现实却给了这种效果 明明ui代码一模一样 <el-input placeholder="请输入内容" v-model="input3" class="input-with-select"> <el-select v-model="select" slot="prepend" placeholder="请选择"> <el-option label="餐厅名" value="1"></el-option>
详解element-ui设置下拉选择切换必填和非必填
12-10
在Element-UI中，开发Web应用时常会遇到需要动态调整表单验证规则的情况，比如一个下拉选择框根据用户的选择，使得某个输入框变为必填或非必填。本篇文章将详细讲解如何实现这一功能。 首先，我们来看一下具体的...
element UI 组件中的el-select中placeholder不显示
oxgen_123的博客
09-10 3150
直接用最后一栏显示 解决：在el-option元素中添加value就可以显示
element-plus el-select选择器无法选中显示的内容
最新发布
wy271013的博客
05-07 527
函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。今天使用element ui的下拉选择框组件时，发现选中了值却没有显示在框中。出现这个问题好像是因为下拉框数据是循环别的接口得来的，因为数据层次太多，在选中事件加上 this.$forceUpdate()强制刷新即可。
el-select-v2 虚拟化选择器设置了placeholder占位符但不显示
weixin_59423799的博客
02-02 1048
el-select-v2 虚拟化选择器设置了placeholder占位符但不显示
el-date-picker时间范围组件有默认值更新不生效问题（element-ui）
Dong_Zi8的博客
03-28 1563
<el-form-item> <el-date-picker v-model="form.dateTime" end-placeholder="结束日期" range-separator="至" start-placeholder="开始日期" type="datetimerange" @input="dateRangeChange()" .
a-select 使用v-model双向绑定，选中值为空时候，placeholder不生效
shadow_yi_0416的博客
07-07 1644
ant-design-vue，表单组件下拉框a-select 发现当绑定值为“”时候，placeholder没有生效。
详解element-ui级联菜单（城市三级联动菜单）和回显问题
10-16
在本文中，我们将深入探讨Element-UI框架中的级联菜单（Cascader）组件，特别是在实现城市三级联动菜单以及处理回显问题时所遇到的技术细节。Element-UI是一款基于Vue.js的高质量UI组件库，提供了丰富的组件供开发者...
Element-ui中 选择器（select）多选下拉框实现全选功能.zip
10-10
在这个特定的场景中，我们关注的是Element-UI中的选择器组件——`<el-select>`，特别是如何实现多选下拉框的全选功能。在实际应用中，全选功能常用于批量操作，如用户一次性勾选多个选项进行批量删除、导出等操作。 ...
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
在Vue.js框架中，Element-ui库提供了一套丰富的UI组件，其中包括用于创建下拉框的`el-select`组件。在实际开发中，我们可能需要在用户改变选择时获取额外的信息，比如当前行的数据或者自定义的属性。本文将详细介绍...
element-ui 关于获取select 的label值方法
10-18
在Element UI框架中，`el-select`组件是一个常用的下拉选择器，用于展示一组可选项供用户选择。本文将详细讲解如何在Element UI中获取`el-select`组件选中的`label`值，以及如何同时获取`value`和`label`的值。 1. ...
element-plus里el-date-picker日期选择器，默认值不显示的问题
weixin_52583582的博客
01-10 2461
找了很多方法，最终是给v-model="defaultTime"绑定初始值。
placeholder不显示的解决办法（支持ie8以上）
weixin_30828379的博客
04-13 1201
// 兼容ie9的placeholder function isPlaceholder(){ var input = document.createElement('input'); return 'placeholder' in input; } if (!isPlaceholder()) {//不支持placeholder 用jquery来完成 $(...
解决当v-model默认为空时placeholder不显示的问题
aa754403560的博客
04-01 1205
<a-select v-model='a' placeholder="请选择" > data() { return { a:'' }; }, 当设置v-model默认为空的时候，不能显示出placeholder设置的提示信息。 解决方案是将a设置为undefined。
Vue+element el-date-picker 时间日期选择器设置默认值，选择框不显示问题（已解决）
蓝胖子的博客
10-31 2618
Vue+element el-date-picker 时间日期选择器设置默认值，选择框不显示问题（已解决）
value为空时，不显示placeholder
wuhe1060134228的博客
04-12 844
前端或小程序中input组件中，value为空时，显示为空。 空在组件里面代表有值，如果想显示placeholder，需要判断当value为空时设置为undefined，就可以显示placeholder了。
vue解决IE9及以下不显示placeholder的问题
weixin_42634040的博客
12-08 957
参考文章链接 因为我是vue+elementUI的项目，所以不会每次切换菜单都会刷新浏览器，所以整理了一下vue里的用法 首先在公共js文件里新建placeholder.js文件，输出一个PlaceholderInit函数 //解决ie下 input 的placeholder不显示问题 export function PlaceholderInit() { return jQuery(function() { var placeholderfriend = { focus: fun
使用时，placeholder不起作用,提示语不显示
Cupid
09-23 728
当绑定v-model的值之后，placeholder设置的值不起作用，此时需要把v-model绑定的值设置为undefined就可以了
input的type=“date“时placeholder不显示，解决方案
weixin_42178670的博客
05-18 2089
input的type="date"时placeholder不显示，解决方案 步骤如下： 1、使用伪类模拟 input[type="date"]::before { content: attr(placeholder); } 做完上面之后，会发现在使用的时候即使选了时间，这个placeholder会依旧存在，所以要使用第2步js控制 2、使用js控制placeholder展示与否，假定该时间选择器id=“time” let timeItem = document.getElementById("time"
element-ui 日期选择器
07-27
Element-UI日期选择器是一个常用的组件，可以方便地实现日期的选择功能。根据引用\[1\]中的代码，可以看出该日期选择器是一个周选择器，只能选择本周以及本周之前的日期。通过设置picker-options的disabledDate属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值