博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
element-ui 中设置日期的限制日期时间
阅读量:4163 次
发布时间:2019-05-26

本文共 947 字,大约阅读时间需要 3 分钟。

el-date-picker (选择日期不能大于当天之后,并且限制在30天之内)

html 代码

js代码

pickerMinDate:'',//获取开始选择时间  pickerMaxDate:'',//获取结束选择时间  pickerOptions: {
//时间范围选择控制 onPick: ({
maxDate, minDate }) => {
if(minDate){
this.pickerMinDate = minDate.getTime() } if (maxDate) {
this.pickerMinDate = '' this.pickerMaxDate = maxDate.getTime() } }, disabledDate: (time) => {
const day30 = (30 - 1) * 24 * 3600 * 1000 if (this.pickerMinDate !== '') {
let maxTime = this.pickerMinDate + day30 if (maxTime > new Date()) {
maxTime = new Date() } return time.getTime() > maxTime || time.getTime() > Date.now() } if (this.pickerMaxDate !== '' && !this.pickerMinDate) {
let minTime = this.pickerMaxDate - day30 return time.getTime() < minTime || time.getTime() > Date.now() } return time.getTime() > Date.now() } },

转载地址:http://qnxxi.baihongyu.com/

你可能感兴趣的文章
培养程序员的人脉
查看>>
技术人,不要总在很初级的层面上谈管理
查看>>
CMarkup与tinyXml直接解析XML字符串
查看>>
技术人员也要注重提升软实力
查看>>
优秀程序员的十个习惯
查看>>
一个老程序员对学弟学妹的一些忠告
查看>>
管理者:我不需要你喜欢我
查看>>
程序员赚钱致富的6种方法
查看>>
世界上的编程语言已这么丰富,为什么还不够?
查看>>
想变富?先学学有钱人的10种思维方式!
查看>>
CListCtrl 和 CListBox的设置选中问题
查看>>
什么时候需要定义拷贝构造函数
查看>>
管理时间是空话,集中精力吃青蛙
查看>>
五大绝招助你成为下属爱戴的好上司
查看>>
程序员需谨记的8条团队开发原则
查看>>
程序员提高英语阅读水平
查看>>
Java程序员应该掌握哪些技术
查看>>
从程序员到架构师的方法与逻辑
查看>>
23个设计模式的简明教程
查看>>
Redis错误配置详解
查看>>