您的位置:首页 > 财经 > 金融 > el-date-picker 时间控件校验选择时间必须早于当前时间(带时分秒)

el-date-picker 时间控件校验选择时间必须早于当前时间(带时分秒)

2025/3/17 14:58:20 来源:https://blog.csdn.net/M781101/article/details/140640273  浏览:    关键词:el-date-picker 时间控件校验选择时间必须早于当前时间(带时分秒)

el-date-picker 时间控件校验选择时间必须遭早于当前时间(带时分秒),然后监控时间控件,当时间改变的时候,如果不是当天,那时间可以选择全天也就是00-24时,如果是当天,就是当前时间之前

html部分

 <el-form-item label="注销时间" prop="logoutTime"><el-date-pickerv-model="formData.logoutTime":placeholder="'请选择注销时间'"type="datetime":picker-options="pickerOptions"style="width: 200px"></el-date-picker></el-form-item>

//js部分

      data(){pickerOptions: {disabledDate(time) {const date = new Date();return time.getTime() > new Date().getTime();// return time.getTime() > new Date().getTime() - 86400000;//这个不包含当天},selectableRange: (() => {let data = new Date();let hour = data.getHours();let minute = data.getMinutes();let second = data.getSeconds();return [`00:00:01 - ${hour}:${minute}:${second}`]})(),
},
}//监听时间控件的改变值watch: {'formData.logoutTime':{handler(newVal, oldVal) {//这里判断是不是今天let newValDate= new Date(newVal)//转换成中国标准时间if (newValDate &&newValDate.getFullYear() == new Date().getFullYear() &&newValDate.getMonth() == new Date().getMonth() &&newValDate.getDate() == new Date().getDate()) {//如果为今天,则限制当前时间前的时间不能选择。(分钟后面的+5 可以不要这里看自己的功能需求进行更改)let data = new Date();let hour = data.getHours();let minute = data.getMinutes();let second = data.getSeconds();this.pickerOptions.selectableRange = [`00:00:01 - ${hour}:${minute}:${second}`]}else{//如果不是今天,则不用限制this.pickerOptions.selectableRange = "00:00:00 - 23:59:00";}}}},

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com