时间控件里面禁选国家节假日期和双休，将其置灰

继上篇文章，两个日期之间计算节假日。根据项目需要，对时间的选择进行约束，只能选择工作日。还是之前笨办法取到2018年和2019年的所有节假日。在计算属性中新增方法，判断是否是节假日，返回true和false。然后在时间控件中引用就可以了；看下效果：

将国家节假日和双休都置灰了，2月过年的时间也干掉了。将就用下吧。

在计算属性中新增created 方法

computed: {

created () {

this.pickerOptions = {

disabledDate(time) {

for (var i = 0; i < HOLIDAY.length; i++) {

if(time.getTime() === new Date(HOLIDAY[i]).getTime()){

return true

}

return false;

}

在相应的时间控件中加入一行代码：:picker-options="pickerOptions" 就可以调用节假日置灰功能了。

时间控件里面禁选国家节假日期和双休，将其置灰相关推荐

html中怎么调用时间控件的值,如何给vue 日期控件赋值
项目中需要用到日期时间插件,尝试用bootstrap.element的时间插件都各有各的报错,对于一个菜鸟来说真的是很痛苦啊.终于,最后用了layDate实现了需要的功能最终效果: 使用步骤: 1. ...
c# winform时间控件dateTimePicker增加清空日期功能
显示时间控件的复选框,当复选框取消勾选时,显示时间.当复选框取消勾选时,不显示时间 this.dateTimePicker1.CustomFormat = "yyyy-MM-dd" ...
robotframe使用之时间控件
robotframe使用之时间控件正常的页面,时间控件会写在一个iframe里面,所以robotframework找不到对的ID或者xpath等. 要解决这个问题必选先显示iframe. 使用关键字 ...
bootstrap-table之通用方法（时间控件，导出，动态下拉框，表单验证，选中与获取信息）
1.bootstrap-table 单击单行选中 $('#gzrwTable').on('click-row.bs.table', function(e, row, $element) { $('.s ...
关于EasyUI DataGrid行编辑时嵌入时间控件
本人做一个名为"安徽中控"项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必 ...
python+selenium：移除时间控件readonly属性，实现send_keys输入
参考博客: python+selenium:web端关闭时间控件readonly属性,可直接输入[今天][昨天][任意]时间类似这样的时间戳控件: 可以看到控件有:readonly 属性[只读] 一 ...
elementui时间控件限制可选时间范围(精确到时分秒)
elementui时间控件限制可选时间范围(精确到时分秒) 我们在开发web端项目时,时间控件用的非常多,限制可选时间也是比较常见的需求,比如已经过去时间不能选,或这未来的时间不可选等,如果仅仅只是限 ...
layui 日期范围选择器_layui时间控件选择时间范围的实现方法
解决layui时间控件清空之后无法正常使用的问题,以及时间范围的选择共有两种解决方式: 方式一(layui 1.x): html代码: placeholder="开始时间(修改时间)&qu ...
jQuery时间控件
时间控件 <!DOCTYPE html> <html><head><title></title><meta http-equiv=&q ...

时间控件里面禁选国家节假日期和双休，将其置灰

时间控件里面禁选国家节假日期和双休，将其置灰相关推荐

最新文章

热门文章