elment ui 时间组件(el-date-picker)限制只能选择当前时间之后的时间(包括时分秒的限制)

方法一、只能限制日期和小时的方法

实现的方式:
option实现插件只能选取当前时间之后的时候(包括年月日)
handle实现插件能选取当前时间的时、分、秒,但是选择完毕之后,只要选择的时、分、秒小于当前时间,会自动填充为当前的时、分、秒

如图当前是2020-05-13 17:00;
年月日不能选取小于当前时间的,但是时分能选,但是点了ok之后,如果时间小于当前时间,会自动替换成当前时间

elment ui 时间组件(el-date-picker)限制只能选择当前时间之后的时间(包括时分秒的限制)_第1张图片

html:  



js:


获取nowTime  当前本机电脑时间的插件times.js: 2020-10-21 15:24:55

times.js:

export function FromDates() {
    const timeStamp = new Date()
    let year = (new Date(timeStamp).getFullYear()).toString()
    let month = (new Date(timeStamp).getMonth() + 1 < 10 ? '0' + (new Date(timeStamp).getMonth() + 1) : new Date(timeStamp).getMonth() + 1).toString()
    let date = (new Date(timeStamp).getDate() < 10 ? '0' + new Date(timeStamp).getDate() : new Date(timeStamp).getDate()).toString()
    let hh = (new Date(timeStamp).getHours() < 10 ? '0' + new Date(timeStamp).getHours() : new Date(timeStamp).getHours()).toString()
    let mm = (new Date(timeStamp).getMinutes() < 10 ? '0' + new Date(timeStamp).getMinutes() : new Date(timeStamp).getMinutes()).toString()
    let ss = (new Date(timeStamp).getSeconds() < 10 ? '0' + new Date(timeStamp).getSeconds() : new Date(timeStamp).getSeconds()).toString()
    let nowTime = year + month + date + hh + mm + ss
    return nowTime
  }
  
  export function FromTimes(timeStamp) { // 时间转换
    let year = new Date(timeStamp).getFullYear()
    let month = new Date(timeStamp).getMonth() + 1 < 10 ? '0' + (new Date(timeStamp).getMonth() + 1) : new Date(timeStamp).getMonth() + 1
    let date = new Date(timeStamp).getDate() < 10 ? '0' + new Date(timeStamp).getDate() : new Date(timeStamp).getDate()
    let hh = new Date(timeStamp).getHours() < 10 ? '0' + new Date(timeStamp).getHours() : new Date(timeStamp).getHours()
    let mm = new Date(timeStamp).getMinutes() < 10 ? '0' + new Date(timeStamp).getMinutes() : new Date(timeStamp).getMinutes()
    let ss = new Date(timeStamp).getSeconds() < 10 ? '0' + new Date(timeStamp).

你可能感兴趣的:(elment,ui,javascript)