【VUE】Element时间选择器只可以选择今年

最新推荐文章于 2023-11-01 10:00:58 发布
原创 最新推荐文章于 2023-11-01 10:00:58 发布 · 700 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #js #前端

本文分享了一段Vue代码，用于解决前端时间选择器的BUG，通过限制用户只能选择当前年份。虽然不是最优化的解决方案，但已成功实现功能。

直接上代码了，也是临危受命，前端写的时间选择器一直有BUG，我用自己一年没写过的前端代码写了个，可能写的并不是最优写法，但是还能用。

disabledDate () {
   
   
	
	// 本年第一天0点0分0秒
    let sTime=new Date();
    sTime.setDate(1);
    sTime.setMonth
最低0.47元/天 解锁文章
【element】el-date-picker限制只可以选择前后一个月时间，只能选择今年的时间,大于今天的不可选（或 只能选择当前时间的前三个月的和当前之前的）
qq_40591925的博客
05-19 9948
控制选择开始时间后、结束时间只能前后一个月，整体选择时间必须大于等于今年 上代码： <template> <el-date-picker v-model="valueDate" type="daterange" :picker-options="pickerOptions" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" align="right...
vue时间插件 中datepicker.js 修改过支持年，年月，年月日的选择
04-20
vue时间插件 中datepicker.js 修改过支持年，年月，年月日的选择
el-date-picker 只能选择当前时间一年前到今天的时间
yiyiziupupup的博客
11-01 663
el-date-picker 设置时间范围 只能选择当前时间一年前到今天的时间
【vue】elementui中，el-date-picker组件只能选择当前年份中的日期
m0_63834711的博客
12-16 9968
撒花✿。
精选资源
vue element ui 时间选择器设置
01-07
需求：设置时间选择器,只能选择2018-01-01之后切小于当前时间的数据 data() { return { pickerOptions0: { disabledDate: time => { // 使用2018年的毫秒时间戳判断 return time.getTime() Date.now(); } ...
Vue Element 分组+多选+可搜索Select选择器实现示例
10-18
在Vue Element UI中，`Select`组件是一个常用的下拉选择器，它提供了丰富的功能，如分组、多选和搜索。在本示例中，我们将深入探讨如何将这些特性结合起来，实现一个完整的分组+多选+可搜索的`Select`选择器。 首先...
基于Vue和Element UI的图标选择器组件设计源码 - e-icon-picker
最新发布
05-29
本源码提供了一个基于Vue和Element UI的图标选择器组件的设计。项目包含120个文件，其中包括48个SVG文件、27个JavaScript文件、12个Vue文件、3个JSON文件、3个CSS文件、3个TypeScript文件，以及用于配置和资源的文件...
Vue 日期控制的改造（只能选择年月）
zhaofeiweb的博客
07-27 4676
1、前言  学习Vue已经有很长一段时间了，也刚刚完成了一个Vue移动端项目，后面会陆续将个人在刚刚完成的这个Vue项目中碰到的坑进行汇总，然后以blog的形式分享出来。  2、vue的日期控制，第三方有很多，但只有年月选择的就很少，我在网上找，就没找到，然后自已就动改直接改造了，改造后的效果如下：   3、我选择的第三方控件是datepicker.vue &lt;template&gt; ...
vue 显示日期只显示年月_vue获取年月日
weixin_33886150的博客
02-22 4274
1.暴利获取const nowDate = new Date();const date = {year: nowDate.getFullYear(),month: nowDate.getMonth() + 1,date: nowDate.getDate(),}const newmonth = date.month>10?date.month:'0'+date.monthconst day =...
vue 显示日期只显示年月_在vue项目中显示实时动态时间（年月日时分秒星期）...
weixin_39949506的博客
12-19 3805
1.在data中定义一个变量，存储时间data(){return {nowTime:''}},2.给定一个div{{nowTime}}3.js部分//显示当前时间(年月日时分秒)timeFormate(timeStamp) {let year = new Date(timeStamp).getFullYear();let month =new Date(timeStamp).getMonth() ...
el-element的DateTimePicker日期选择器设置能选择的范围为一年
qq_27104997的博客
08-20 1万+
<el-date-picker type="daterange" v-model="dateRang" range-separtor="至" start- placeholder="开始时间" end-placeholder="结束时间" :picker-options="pickerOptions"> </el-date-picker> ...
ElementUI datepicker日期选择器时间选择范围限制
08-28 4003
ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。最近做项目用到了datepicker，需要对日期选择做一些限制，以下情景：选择的时间范围最多为一年，而且只能选择当前日期之前的，2016-01-01之后的日期，代码如下： data() { return { type...
vant-ui，van-datetime-picker时间选择器只选择年，选择年月日时分秒
热门推荐
qq_43807473的博客
07-24 1万+
vant-ui，DatetimePicker时间选择器选择到秒。
element 时间选择器——年
weixin_52890961的博客
07-07 1463
element 时间选择器——年 <el-date-picker v-model="fileYear" type="year" placeholder="选择年"> </el-date-picker> 最近用了element插件中的日期选择器——年，但是在后台却不能获得xxxx(eg. 2018)格式的年份，打印了 v-model=“fileYear” 中的 fileYear，就很离谱 官方文档上也没有关于这方面的说明，后来发现加个属性就行了（value-format=“y
elementUI日期选择器只选月份或者年份
qq_42765776的博客
03-22 1954
elementUI日期选择器只选月份或者年份，解决样式穿透无效问题
el-date-picker组件限制到年月日
qq_38409994的博客
03-18 1398
技术背景 公司之前日期选择只做到年月日，所以也只限制到了年月日；现在精确到时分秒的也要加限制。 技术查询结果 使用disabledDate设置禁用状态，参数为当前日期，要求返回 Boolean； 使用selectableRange设置可选区间，参数可为字符串或者数组，详情可查看官方文档：element-ui官方文档 限制年月日代码 // 时间选择器开始时间只可以选择今天之前的时间 beginDate () { const self = this return {
vue+vant的时间选择器如何只选择月日时分
weixin_43743148的博客
04-20 3722
vue+vant的时间选择器如何只选择月日时分
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值