Element DatePicker 日期选择器禁用单个指定日期

需求：禁用某个时间范围例如[‘2022-11-11’, ‘2022-11-29’]
效果图：

代码：

     // html<el-date-pickerv-model="formInfo.time"value-format="yyyy-MM-dd"format="yyyy-MM-dd"type="date":picker-options="pickerOptions"placeholder="选择日期"></el-date-picker>```//jsdata() {let _this = thisreturn {disList:['2022-11-11', '2022-11-29'],pickerOptions: {disabledDate(time) {let year = new Date(time).getFullYear() //年let month = new Date(time).getMonth() + 1 //月let dates = new Date(time).getDate() //日if (month < 10)  month = '0' + monthif (dates < 10)  dates = '0' + datesconst curveTime = year + '-' + month + '-' + datesreturn _this.disList.includes(curveTime)}}}},

附带一个禁止今天之前的日期方法：https://blog.csdn.net/LW0512/article/details/120768388

Element DatePicker 日期选择器禁用单个指定日期相关推荐

iview ui 日期选择器禁用今天之前和数据返回的日期
直接上代码 <template><Row><Col span="12"><DatePicker type="date" ...
android 之日期选择器,Android GUI 之日期选择器(DatePicker)
简单介绍下 DatePicker 和 Calender ,用他们两个实现日期选择器,并添加日期改变监听器将当前时间显示在下面的 TextView 上,日期改变时 TextView 上的日期相应改变 ...
原生js实现日期选择器插件简单风格日期选择插件
原生js实现日期选择插件 xs-DatePicker ** 效果图 ** ** 简介通过原生HTML/CSS/JavaScript完成一个日期选择器. 代码如下: ** <!-- 时间:202 ...
element 时间选择器限制时分秒_关于elementUI里日期选择器禁用时间的一些小技巧...
DatePicker日期选择器算是日常开发中用得比较多的插件之一了,特别是做一些后台管理系统,选择时间.日期也是特别的方便,相比于原生的input中的date,elementUI中的日期选择器显得更加 ...
java mongo 日期范围_获取指定日期和它之前几天，之间的所有日期？千万不要踩了这个大坑！...
今天在开会谈需求的时候,遇到了这么一个需求:要求动态的获得当前日期往前推30天,这之间所有天数的数据之和. 首先会想到的,肯定是Java里处理日期的几个类,常用的有三个:Date,SimpleDate ...
Antd RangePicker 时间日期选择器禁用当前时间往后的日期及现在时间往后的时分秒禁选
RangePicker 组件 <RangePickeronChange={onSearch}placeholder={[formatMessage({ id: 'page.Business.St ...
antd 日期选择范围获取指定日期的0时0分0秒或23时59分59秒
由于本人比较懒,直接上代码 <DatePicker.RangePicker style={{marginLeft: "3px", width: "250px&quo ...
elementUI 日期选择器datepicker 设置禁用日期
本例记录ElementUI中DatePicker(日期选择器)设置日期项禁用状态的实现. 下图中将DatePicker的type设置为year,展示为年份选择器: 可以看到上图中2022.2023.2 ...
Element el-date-picker 日期选择器详解
点此查看全部文字教程.视频教程.源代码本文目录 1. 前言 2. 基本用法 3. 日期格式化 4. 选择其他日期单位 5. 选择多个日期 6. 带快捷选项 7. 禁用部分日期 8. 小结 1. 前言 ...

Element DatePicker 日期选择器禁用单个指定日期

Element DatePicker 日期选择器禁用单个指定日期相关推荐

最新文章

热门文章