vue datepicker 动态控制时分秒当前时间以后可选

<DatePickertype="datetime"placeholder="启动时间"style="width: 300px"ref="DatePicker"@on-change="handleSendTime"format="yyyy-MM-dd HH:mm:ss":options="optionsnewdates":transfer ='true':timePickerOptions="timePickerOptions"></DatePicker>

import moment from "moment";

timePickerOptions: { steps: [1, 1, 1] },
optionsnewdates: {disabledDate (date) {+new Date().valueOf()return date &&  +new Date().valueOf() - 86400000 > date.valueOf()}
},

handleSendTime(val) {//重置时分秒的时间限制let now=new Date()let today=now.toISOString().substring(0,10)if(val.substring(0,10) == today){const hours = moment().startOf('hour').valueOf();const days = moment().startOf('day').valueOf();let hourNum = (hours - days) / 3600000;let hourArr = [];let hourMax = 0;for (let hour = 0; hour < hourNum; hour++) {hourArr.push(hour);hourMax = hour;}this.timePickerOptions.disabledHours = hourArr;this.handleSendTimeMin(val, hourMax);}else{this.timePickerOptions.disabledHours = [];this.timePickerOptions.disabledMinutes = [];}this.formValidate.submitJobParam.taskSetting.startTime = valthis.$refs['DatePicker'].onSelectionModeChange('time');},handleSendTimeMin(val, hourMax) {let checkHour = new Date(val).getHours();if (checkHour <= hourMax + 1) {const hours = moment().startOf('hour').valueOf();const mins = moment().startOf('minute').valueOf();let minsNum = (mins - hours) / 60000;let minArr = [];for (let min = 0; min < minsNum; min++) {minArr.push(min);}this.timePickerOptions.disabledMinutes = minArr;this.timePickerOptions = JSON.parse(JSON.stringify(this.timePickerOptions));} else {this.timePickerOptions.disabledMinutes = [];}},

vue datepicker 动态控制时分秒当前时间以后可选相关推荐

php 显示当前年月日时分秒,php 获取当前前后年、月、星期、日、时分秒的时间...
php 获取今天前后年.月.星期.日.时分秒的时间. 通过设置时间戳函数strtotime()的参数获取时间. //获取当前时间echo date('Y-m-d H:i:s',strtotime('n ...
java sql date 时分秒_java.sql.date与java.util.date区别以及数据库中插入带时分秒的时间...
java.sql.Date,java.sql.Time和java.sql.Timestamp三个都是java.util.Date的子类(包装类). java.sql.Date是java.util.Da ...
将时分秒的时间转为2020-11-12T20:00:00.000+08:00格式
java中将时分秒的时间转为2020-11-12T20:00:00.000+08:00格式 /*** @Description: 将2020-11-12T20:00:00.000+08:00 转换为2 ...
php 去除时分秒,php时间如何去掉时分秒
php时间如何去掉时分秒 php时间去掉时分秒的实现方法:首先创建一个PHP示例文件:然后通过"date('Y-m-d',strtotime(日期))"方法获取时间并去掉时分秒即可 ...
wpf datepicker 选择时分秒_[Angular 组件库 NG-ZORRO 基础入门] - DatePicker
前言回顾经过几天的学习,我们完成了 nz-table 相关知识的初步了解,当然还有很多情况我们没有顾及到,有兴趣的同学可以前往官方文档去查看剩余的示例说明. 今天我们继续介绍之前项目中涉及的组件:D ...
jQuery UI Datepicker 选择时分秒
jQuery UI Datepicker日期选择插件很好用了,只不过只能精确到日,不能选择时间(小时分钟秒)很遗憾,而jquery-ui-timepicker-addon.js正是基于jQuery U ...
js获取当前时间的年月日时分秒以及时间的格式化
1.获取当前时间 var myDate = new Date(); 2.获取时间中的年月日时分秒 myDate.getYear(); // 获取当前年份(2位) myDate.getFullYear( ...
python时分秒_python时间时分秒与秒数的互相转换
受到Unix时间戳的启发,我发现时间转成秒数后会非常好处理,在程序当中不再是以字符串的形式处理,不管时间的加减还是获取随机的时间点都变得非常方便, 如果有需要,也很容易转换成需要的时间格式. 一:时间 ...
JS时间，时间戳，以及年月日时分秒格式时间的相互转化
1.时间 var time=new Date() 2.时间=>时间戳 var time=new Date().getTime() 3.时间戳=>时间 var time=new Date( ...
Vue＞＞Iview＞＞时间不可选万能模板___一蓑烟雨任平生
涉及了所有时间的禁用拿走不谢 <template><Form :model="form" :rules="rules"><For ...

vue datepicker 动态控制时分秒当前时间以后可选

vue datepicker 动态控制时分秒当前时间以后可选相关推荐

最新文章

热门文章

vue datepicker 动态控制时分秒 当前时间以后可选

vue datepicker 动态控制时分秒 当前时间以后可选相关推荐

最新文章

热门文章

vue datepicker 动态控制时分秒当前时间以后可选

vue datepicker 动态控制时分秒当前时间以后可选相关推荐