vue+element时间选择器value-format设置时间格式，之前设置的开始结束时间限制失效

最新推荐文章于 2024-03-13 18:12:14 发布
最新推荐文章于 2024-03-13 18:12:14 发布
阅读量4.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CanG_Yu_E/article/details/102478344
版权

vue+element时间选择器value-format设置时间格式，之前设置的开始结束时间限制失效

在这里写一个自己遇见的小问题，技术教菜，希望能帮助到遇到同样问题的，在时间选择器使用value-format设置时间格式后，发现开始结束时间 的限制失效了，在网上找了下资源解决了，人菜勿喷(┬＿┬)

解决办法：new Date(被设置value-format属性的字段).getTime()转换为时间格式，

CanG_Yu_E
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【Vue】element-UI日期选择器value-format和范围选择冲突bug解决
weixin_44425907的博客
03-07 3076
本来想将时间选择器的时间format成8位字符串型，如20200307，但是format之后范围选择功能不能正常使用，最后使用moment插件读取八位字符串时间得以解决 初始源代码参考至https://www.cnblogs.com/ceceliahappycoding/p/10862991.html 初始源代码参考至本本链接 过程中发现value-format="2020-03-07"则可以正常...
vue2 el-date-picker 直接赋值不生效、数据绑定无效
qq_43120764的博客
12-21 3298
<el-date-picker v-model=“formData.planTime” @blur=“timeChange” type=“datetimerange” value-format=“yyyy-MM-dd HH:mm:ss” range-separator=“至” start-placeholder=“开始日期” end-placeholder=“结束日期”> 当直接给formData.planTime赋值是 formData.planTime= value ， 界面没有变化。但是f
element-plus的el-date-picker中value-format属性失效以及只选择到时分值
sxs7970的博客
12-08 7019
element-plus,vue3.0,value-format
vue2中使用elementUl的DatePicker 日期选择器 组件使用type=“week“，使用value-format报错解决
weixin_63515766的博客
10-09 2958
在elementUl的DatePicker 日期选择器周组件的时候一直获取不到对应的年和周，总是有偏差! 最后用.DOM节点操作，获取组件format的value值。
Element Ui 日期选择器 范围限制 和 value-format
热门推荐
用户名已注销的博客
12-27 4万+
Element Ui 日期选择器 范围限制 一个日期选择器的范围限制 // el-date-picker &amp;amp;amp;amp;amp;lt;el-date-picker v-model=&amp;amp;amp;amp;quot;value&amp;amp;amp;amp;quot; type=&amp;amp;amp;amp;quot;date&amp;amp;amp;amp;quot; placeholde
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
10-16
在本文中，我们将深入探讨如何在Vue项目中集成Element UI和vue-quill-editor，创建一个功能丰富的富文本编辑器，并实现图片的自定义上传。Vue是一个轻量级、高效的前端框架，Element UI则是一个基于Vue的组件库，...
electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar
05-06
electron-vue + vue-cli + element-ui 实时热更新版，electronv12.0.4框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率
vue+element-ui DateTimePicker组件分钟设置步长step
最新发布
05-17
总之，Vue.js结合Element-UI的DateTimePicker组件提供了一种简单而强大的方式来定制用户界面中的日期和时间选择，通过`step`属性可以轻松实现分钟、小时或秒的步长设置，从而提升用户体验并适应各种业务需求。
023：vue中解决el-date-picker更改样式不生效问题
大剑师兰特的GIS世界
08-21 2043
在vue项目开发中，我们打算保持颜色的一致性和协调性，修改 el-date-picker下拉列表中的默认选中颜色，选框的颜色，如果仅仅是修改css，是不能改变颜色的，需要做出一定的改变。
vue+element 日期选择器，开始时间和结束时间的问题
weixin_57262624的博客
04-14 1854
在做项目的时候，经常会碰到开始时间和结束时间同时出现的问题，一般情况下，选定了开始时间，那么结束时间就不能小于开始时间，反之亦然。这里，绑定了使用:picker-options绑定一个变量，在用户选择的时候，自动校准。element提供了一个日期选择器组件，可以根据自己想要的日期格式来自定义时间。
Vue之element-UI使用记录整理
chen_cm的博客
10-29 654
在使用Vue+Element-UI开发页面的过程中遇到许多坑，在此记录一下，方便自己日后查看，也给各位同学提供一些参考。 其实Element-UI的官方文档还是比较详细的，只是有些属性值需要自己不断摸索实践。遇到问题，头脑清醒，理智分析当能解决。
element UI 时间选择器限制时间无效
weixin_47641768的博客
02-25 2670
时间选择器限制不起作用 今天做时间选择器选择时间限制的时候，明明限制了时间，但是选择器无效，后来发现是format的原因导致的。这边限制的是开始时间可结束时间都只能选择之前一个月的，并且开始时间不能大于结束时间，结束时间不能小于开始时间。 <template> <div> <el-date-picker v-model="value1" align="right" type="date" p
element-plus的el-date-picker中value-format属性失效
Amelia_Liu的博客
03-13 1363
问题: 时间一直无法正确显示，因为是从其他项目copy的，唯一区别就是老项目用的element-ui，新项目是element-plus。一直以为是我们初始化赋值错了，但是打印出来是没问题的，突然考虑格式化可能有问题。
elementui日期选择禁用问题（开始日期小于结束日期or选择大于当前日期）
qq_44308109的博客
01-25 3404
一、选择大于等于当前日期 <el-date-picker v-model="searchForm.startDate" :picker-options="pickerOptions" value-format="yyyy-MM-dd" placeholder="选择开始日期" /> export default { data() { return { pickerOptions: { disabledDate(time) {
vue elemet日期选择器设置开始时间不能大于结束时间并且大于等于今天
yeyue1992的博客
03-03 4286
vue elemet日期选择器设置开始时间不能大于结束时间并且不能大于今天 话不多说，直接上代码 ####三级标题 // An highlighted block <template> <div class="hello"> <el-form :model="basicInfo" size="mini" label-width="100px" > <el-row> <!-
vue antd 时间选择组件 选择的时间返回是中国时间
Wancc123的博客
07-01 619
valueFormat 加这个属性 日期能变成中国北京时间（之前又遇到过 没这个属性 时间不准，不是中国的时间） <a-form-item ref="ac_effectStartDate" name="ac_effectStartDate" label="开始时间"> <a-date-picker v-model={[this.formState.ac_effectStartDate, 'value']} valueFormat="YYYY-MM-DD" style={{ wi
elementui的el-date-picker组件：format和value-format属性运用
weixin_45121510的博客
09-03 3万+
format: 显示在输入框中的格式（默认为yyyy-MM-dd HH:mm:ss） value-format: 可选，绑定值的格式（不指定则绑定值默认为 Date 对象) eg↓ <el-date-picker v-model="searchParams.dateChar" @change="dateChange" :clearable="false" type="datetimerange"
vue3时间选择器value-format和default-time一起使用
03-21
可以使用，value-format用于设置时间选择器的值的格式，default-time用于设置时间选择器的默认时间。在使用时，需要将default-time设置为一个符合value-format格式的字符串。例如，如果value-format为"HH:mm:ss"，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值