宜搭设置表单不可提交时间段

效果如图:页面提示+不可提交时间段内字段状态禁用

实现步骤:

1、配置开始时间和截至时间(单行文本设置默认值并隐藏,英文状态的冒号)

2、表单设置绑定函数

3、代码如下

export function didMount() {
  var date = new Date;
  let now = date.getTime();//当前时间
  let y = date.getFullYear();//获取当前年份
  let m = date.getMonth() + 1;//获取当前月份
  let d = date.getDate();//获取当前日
  let startnum = this.$("开始时间的唯一标识").getValue().split(":");//获取开始时间
  let endnum = this.$("截止时间的唯一标识").getValue().split(":");//获取截止时间
  let star = new Date(Date.UTC(y, m - 1, d, startnum[0] - 8, startnum[1], startnum[2]));//开始时间(year, month - 1, day, hour-8, minute, second))
  let end = new Date(Date.UTC(y, m - 1, d, endnum[0] - 8, endnum[1], endnum[2]));//结束时间
  if (Number(star) <= Number(now) && Number(now) <= Number(end)) {
    //如果在可填写的时间段不做任何操作
  } else {
    //如果不在可填写的时间段,将组件全部改为禁用并隐藏提交按钮。
    this.setState({
      behavior: "DISABLED"
    })
    this.utils.toast({//弹出提示不在可填写的时间段内
      title: `不在可填写的时间段内,表单提交时间为每天${this.$("开始时间的唯一标识").getValue()}~${this.$("截止时间的唯一标识").getValue()}`,
      type: 'error',
      size: 'large',
    })
    document.getElementsByClassName("deep-form-submit")[0] ? document.getElementsByClassName("deep-form-submit")[0].style.display = "none" : ""//隐藏提交按钮
  }
}

4、新建变量

5、表单字段绑定变量即可实现非提交时间段内字段状态禁用

  • 12
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值