当前位置: 首页 > news >正文

html5 微信网站 源码网站备案的公司注销了

html5 微信网站 源码,网站备案的公司注销了,网页制作app下载,建筑施工企业专职安全生产管理员文章目录 此刻按钮失效原因:使用了禁用未来日期解决办法:重写此刻按钮点击事件代码(包含禁用未来日期和时分秒的处理)框出主要代码(因为包含禁用日期功能)(取你所需) 此刻按钮失效原…

文章目录

  • 此刻按钮失效原因:使用了禁用未来日期
  • 解决办法:重写此刻按钮点击事件
    • 代码(包含禁用未来日期和时分秒的处理)
    • 框出主要代码(因为包含禁用日期功能)(取你所需)

此刻按钮失效原因:使用了禁用未来日期

尝试将禁用日期延后几分钟,这样确实可用。如果禁用未来日期的同时,你又限制了时分秒(selectableRange)的选项,那设置延后也没用。
但是这样的操作又与禁用日期冲突;但是找到了问题原因。
延后1分钟处理

vue源码中此刻按钮的操作;
vue源码中此刻按钮的操作;

解决办法:重写此刻按钮点击事件

我研究了很久,没有从官方文档找到有效的解决办法。
只能通过事件重写来解决此问题了

代码(包含禁用未来日期和时分秒的处理)

此代码是基于这篇文章做的优化 el-datepicker禁用未来日期(包含时分秒)type=‘datetime’

<template><div class="hello"><el-date-pickerv-model="time"ref="datePicker"type="datetime":picker-options="{disabledDate(time) {const nowTime = new Date()return new Date(time).getTime() > nowTime.getTime() + 1 * 60 * 1000},selectableRange}"@change="changeDate"@focus="dateFocus"@blur="dateBlur"></el-date-picker></div>
</template><script>
export default {name: 'HelloWorld',data() {return {time: '',selectableRange: '00:00:00-23:59:59',timer: null}},watch: {time(newTime, oldTime) {// 在滚动选择时分秒的时候也会被 watch 监听到// 在这里判断 如果年月日相同,就不再去更新。const sameDay = new Date(newTime).toLocaleDateString() === new Date(oldTime).toLocaleDateString()if (sameDay) returnthis.updateSelectableRange()}},methods: {// 日期选择框聚焦:重写事件// 聚焦后才会弹出日期选择框// 所以使用 $nextTick 等待日期选择窗口挂载后去操作domasync dateFocus() {await this.$nextTick()const btn = document.querySelector('.el-picker-panel.el-popper .el-picker-panel__footer span')btn && btn.addEventListener('click', this.changeToNow)},// 重写此刻方法changeToNow() {const datePicker = this.$refs.datePicker// 更新 timethis.time = new Date().toLocaleString().replaceAll('/', '-')// 切换日期后,主动更新selectableRange(及时更新时分秒的禁用范围)this.updateSelectableRange()// 在隐藏日期选择器之前接触绑定事件this.dateBlur()// 隐藏日期选择框datePicker.hidePicker()},// 失去焦点:接触事件绑定dateBlur() {const btn = document.querySelector('.el-picker-panel.el-popper .el-picker-panel__footer span')btn && btn.removeEventListener('click', this.changeToNow)},updateSelectableRange() {const nowTime = new Date()const isSame = new Date(this.time).toLocaleDateString() === nowTime.toLocaleDateString()this.clearTimer()if (isSame) {this.selectableRange = `00:00:00-${nowTime.getHours()}:${nowTime.getMinutes()}:${nowTime.getSeconds()}`// 创建一个定时器,每分钟更新去更新一次禁用范围。const delay = 60 - nowTime.getSeconds()this.timer = setTimeout(() => {this.updateSelectableRange()}, delay * 1000)return}this.selectableRange = '00:00:00-23:59:59'},clearTimer() {if (this.timer) {clearTimeout(this.timer)this.timer = null}},changeDate() {// 选中日期之后清除掉定时器this.clearTimer()}}
}
</script>

框出主要代码(因为包含禁用日期功能)(取你所需)

在这里插入图片描述

在这里插入图片描述

http://www.yayakq.cn/news/748857/

相关文章:

  • 做托福的网站wordpress id清空
  • 古典网站建设制作动画片的软件
  • 苏州网站建设制作网络公司抽奖网站做的下去吗
  • 哈尔滨网站开发制作抖抈app下载国际版
  • 检察机门户网站建设自查报告wordpress vue网站
  • 建行移动门户网站首页国际交易所app下载
  • 网站建设亇金手指下拉排名罒哈尔滨推广优化公司
  • 推荐做网站的公司浙江建筑培训网
  • 网站301检测宁波seo基础入门
  • 弹窗广告最多的网站个人公司注册流程及需要的材料
  • 网络技术与网站建设网站建设,从用户角度开始
  • 法律咨询东莞网站建设建设银行征信中心官方网站
  • 小学网站建设成都shopxo开源商城
  • 建设厅官方网站职称软件 行业门户网站
  • 预约网免费建站流程北京cos网站
  • 网站开发什么方式四川建站模板网站公司
  • 做网站优化河北企业网站制作
  • 水果网站建设方案书天津网站建设电话
  • 电商网站 支付宝接口做医疗的网站建设
  • 卢氏县网站建设推广杭州做网站博客
  • 怎么在年报网站做简易注销商务网站策划 网站目标与经营模式定位
  • 阿里云轻量级wordpress台州seo网站排名优化
  • 设计网站排行榜前十名视觉创意设计公司
  • 大连建设教育网站网络推广网站建设软件定制
  • 东莞seo整站优化代理南京建设公司网站
  • 佛山哪里做网站学校网站建设需求
  • wordpress安装失败seo结算系统
  • 宠物论坛网站策划书wordpress sdk.js好卡
  • wordpress模板 图片站电子商务网站运营
  • 北京网站建设app兰州app