el-date-picker弹窗点击不显示，el-date-picker样式错误（不要轻信波浪线校验）

Vue【element ui】使用moment导致el-date-picker点击无效

实际上是赋值的 界面上并不渲染的问题，this.$set可解决这个问题 ，我们要说的 this.$forceUpdate() 对比较方便，推荐使用。

<el-date-picker @input="onInput()" ...> <el-input @input="onInput()" ...> js中 onInput() { this.$forceUpdate(); },

今天写个页面要根据不同的角色显示不同的内容，于是乎用了多个if来控制页面，导致同一个页面还写了多个时间选择器，然后其中一个就不生效了，点击之后没有反应，选择器页面的日期也不更新，最后百度尝试了很多方法，记录一个最简单有效的，直接在属性里添加强制刷新！

解决el-date-picker change事件无响应问题

直接加上@input="$forceUpdate()"即可。

el-date-picker选择无法回显

datepicker类型切换的时候，从type=‘date’ 切换到 type = ‘month’ 是没问题的。 但是从这两种切换到type = ‘datetimerange’ 会引起弹出框错位到左上角。 <el-date-picker v-model="dataForm.date" :type="dateType.type" :format="dateType.format"

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、el-date-picker 限制过去日期无法选择？1. Html2. js 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 一、el-date-picker 限制过去日期无法选择？ 1. Html 代码如下（示例）： <el-date-picker v-model="time" type=

1、当日期搜索框el-date-picker组件，绑定的变量为数组[]，且在获取其窗口传入参数值时，用date[0]和date[1]获取，在选择日期进行第一次传参搜索数据后，将日期清零，其会报Cannot read property '0' of null的错误。 解决办法：监听其值，当其为null时，重新设置其为[]即可。 'tableConfigByDisease.date' (val) { if (val == null) { this.tableConfig

el-date-picker初始赋值后点不了 用element-ui的DatePicker 日期选择器时，需要显示默认值，所以需要初始赋值，开始我是直接赋值，如下 let date = new Date(); this.formData.energyYear= ''+date.getFullYear() //获取当前年 这样写后就只显示2021，然后选择就点不动了，没反应 最后才知道是赋值问题 let year=''+date.getFullYear() this.$set(this.formData,'

如上图，编辑回显正常，但是时间控件在拖动过程中时间不会跟随改变。

在`el-date-picker`上添加`:append-to-body="false"`可以解决 <el-date-picker v-model="nextTime" :editable="false" :append-to-body="false" type="datetime" placeholder="选择下次联系时间" value-format.

vue-fullscreen全屏下elementui 日期下拉框 不出来 问题：非全屏，下拉框可以出来，全屏下拉框不出来 1.解决思路：上网查后，下拉框不要放入body中可以解决，搜一个属性，让下拉框不放入body https://blog.csdn.net/qq_42907330/article/details/109290894?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_title~default-0.essearc

开发过程中，测试反映， 测试：这个时间组件新建的时候可以，怎么编辑的时候一直点不了，为什么选择不了时间， 有bug啊！ 我：本地测试没问题呀， 你再点点 测试：就是选择不了， 你过来看。 ... 走过去看，确实选择不了，于是我就开始找问题。 一开始看console.log的报错是 getYear()， getMonth() is not function , 一开始找的是前端的问题，找了半天也就那么个回事，就一个组件会有啥问题呢？ 于是开始判断后端的问题： 咦惹，突然就发现了，后端返.

记录开发中遇到的问题和解决，el-popover中使用el-date-picker时时间弹窗无法关闭问题

element中下拉框打开，点击上一步，当路由变化时，下拉框会停留在当前页面左上角的问题解决

功能需求：客户按照想要的方式 来选择适合的日期，最后定下来需要用到 3种 不同的时间选择器 1. 月 选择器 2. 日 选择器 3. 范围 选择器 然后 我就通过一个 select 来让用户选择 用它的 value 来判断让哪个时间选择器显示出来。 最后发现 其中又得选择器会错位 他的css样式 解决办法 1 通过css样式强制修改。（未尝试） 2 我用的 v-if 来判断显隐 可能因为样式名的关系，造成位置错乱。换成 v-show 解决问题。（亲测可食用） 3 ...

value-format:可选，绑定值的格式。不指定则绑定值为 Date 对象,也就是v-model绑定的值格式。align="center":建议写上,之前因为版本的问题用这个组件报错了,加了这个之后就不报错了。v-model绑定的值 date: ['', '']最好是这种格式哈,前面是开始,后面的结束时间,format: 显示在输入框中的格式。