ElementUI 之 DatePicker 日期限制范围 disabledDate
2024-08-27 04:00:02
需求:
时间选择器,只能选择 2000 年 - 至今的年份。
<el-date-picker
v-model="year"
type="year"
:picker-options="pickerOptions"
placeholder="年份"
format="yyyy 年"
value-format="yyyy"
@change="chooseYear">
</el-date-picker> js
new Vue({
data: {
year: '',
pickerOptions: {
disabledDate (time){
return time.getFullYear() < '2000' || time.getFullYear() > new Date().getFullYear() // 注意是 || 不是 && 哦
}
}
}
})
效果图:
最新文章
- CentOS6.3 重启后/etc/resolv.conf 被还原解决办法(转)
- HDU2896 病毒侵袭
- python之fabric(一):环境env
- linux下安装php的imagick扩展模块(附php升级脚本)
- “未能加载文件或程序集“EntityFramework, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089”
- windows上在linux客户端上传小文件lrzsz
- Linux之查看CPU信息
- C#裁剪照片并保存
- Java联网技术之一HTTP
- Linux Mysql如何移动MySQL数据库目录位置
- bzoj1188
- perl 读取cookie
- python 基本数据类型set
- (转)java提高篇(一)-----理解java的三大特性之封装
- 代码管理git 工具的话可以使用GitHub桌面端管理git、码云上的代码
- consul分布式集群搭建
- MySQL优化--INSERT ON DUPLICATE UPDATE死锁
- Spring Boot (二)集成Jsp与生产环境部署
- 前端 HTML 常用标签 head标签相关内容 title标签 网页的标题信息
- hdu-1058(动态规划)
热门文章
- SSRS Reporting Service安装与部署
- React项目使用Redux
- java多线程中篇(三) —— 线程的控制(创建,运行,阻塞,中断,结束)
- 09 单例设计模式、__new__函数
- C语言下进制的使用
- Python 命令行模块使用技巧
- Luogu3824 [NOI2017]泳池 【多项式取模】【递推】【矩阵快速幂】
- JNI创建共享内存导致JVM terminated的问题解决(segfault,shared memory,内存越界,内存泄漏,共享内存)
- 基于MFC的网页ActiveX控件开发全程实录2(js向ActiveX控件传递参数)
- Gogs + Drone 实现CI/CD(CI)