Vue学习笔记：Element时间控件设置某一个日期禁止选择

Vue学习笔记：Element时间控件添加一段时间禁止选择

需求：时间控件，当天之前禁止选择，某一个日期的之前时间禁止选择

文档：

代码实现：在时间控件上添加 :picker-options="pickerOptions"

<el-date-pickerv-model="addForm.ruleForm.approveEndTime"type="date"placeholder="年/月/日"format="yyyy/MM/dd HH:mm:ss"value-format="yyyy-MM-dd HH:mm:ss":picker-options="pickerOptions"></el-date-picker>

在data中定义pickerOptions

设置当天之前禁止选择：

this.pickerOptions = {disabledDate(date){return date.getTime() < Date.now() - 24 * 60 * 60 * 1000;}
}

效果：

设置某一个日期的之前时间禁止选择：

var time = "2020-03-28 00:00:00"this.pickerOptions = {disabledDate(date){return date.getTime() < new Date(time).getTime() ;}
}

效果：

以上代码均实践运用过！

个人笔记，感谢阅读，欢迎点赞关注！！！！！！！！！！！！！！

Vue学习笔记：Element时间控件设置某一个日期禁止选择相关推荐

Qt学习笔记之常用控件QlistWidget
一.QListWidget Class The QListWidget class provides an item-based list widget. More... Header: #inclu ...
【MFC】学习笔记：常用控件之组合框（Combo Box）
01.目录目录 01.目录 02.控件介绍 03.控件的消息通知函数 04.创建组合框控件及成员函数介绍 4.1 组合框的创建 4.2 CComboBox类的主要成员函数 05.应用实例 06.总结 ...
c# winform时间控件dateTimePicker增加清空日期功能
显示时间控件的复选框,当复选框取消勾选时,显示时间.当复选框取消勾选时,不显示时间 this.dateTimePicker1.CustomFormat = "yyyy-MM-dd" ...
vb.net listview 删除选定行_VBA学习笔记59-1: listview控件
学习资源:<Excel VBA从入门到进阶>第59集 by兰色幻想本节学习Listview控件,它可以用多种视图方式显示项目的控件.由于其外形美观而且非常实用,所以使用频率很高. Lis ...
vs2010 学习Silverlight学习笔记(7)：控件样式与模板
概要: 终于知道Silverlight--App.xaml是干什么用的了,不仅可以用来封装样式(类似css),还可以制定控件模版...好强大的功能啊. 封装: 继续学习<一步一步学Silverl ...
JavaFX 学习笔记——窗口与控件
前言如今比较流行的桌面gui框架有WPF.WinForm.Qt.javafx等.其中WPF和WinForm目前还只能在运行Winsows上.Qt(widget)是一个很强大的跨平台C++框架(不只是 ...
kendo treeview 修改节点显示值_VBA学习笔记60-1: Treeview控件
学习资源:<Excel VBA从入门到进阶>第60集 by兰色幻想本节讲Treeview控件. TreeView控件是以树形结构显示数据的控件.利用TreeView控件,可以设计出树形结 ...
Android开发学习笔记-自定义组合控件
为了能让代码能够更多的复用,故使用组合控件.下面是我正在写的项目中用到的方法. 1.先写要组合的一些需要的控件,将其封装到一个布局xml布局文件中. <?xml version="1. ...
LVGL v8学习笔记 | 06 - label控件的使用方法
文章目录一.label控件 1. 创建label对象 2. 设置label的文本 3. 获取label文本 4. label的大小 5. label的样式 6. label的事件二.label控件 ...

Vue学习笔记：Element时间控件设置某一个日期禁止选择

Vue学习笔记：Element时间控件设置某一个日期禁止选择相关推荐

最新文章

热门文章