E9-控制移动建模应用页面中的提交按钮根据日期条件校验是否可提交

最新推荐文章于 2024-09-13 23:32:49 发布

稻城亚丁娃娃菜

最新推荐文章于 2024-09-13 23:32:49 发布

阅读量255

点赞数 5

文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_55435577/article/details/140488879

版权

背景

在移动建模页面中提交表单时，有时需要根据表单上的日期字段校验是否满足提交条件，如果满足则可提交，如果不满足则不可提交本期以报餐管理场景为例：实现控制用户只能在指定的时间范围内提交报餐数据

实现效果

1、若当前时间不在指定的时间范围内，则提交失败；

2、若当前时间在指定的时间范围内，则提交成功，并返回和刷新首页

JS代码块应用样例

搭建提交按钮

1、调整表单提交按钮的操作类型为手动输入

2、设置按钮脚本，并插入以下代码块

var ycrq=$f("ycrq").val();//用餐日期
var dqrq=Mobile_NS.getCurrDate();//当前日期
var sjjd="08:30:00"//填报截止时间
var dqsj=Mobile_NS.getCurrTime();//当前时间
 
     if(ycrq==dqrq & dqsj>sjjd){ //填报的条件
       alert("超过当天8:30后无法提交或修改当天的用餐！");
        }
        else{
         Mobile_NS.formSubmit("f7e3cc93d0884b2a8b369f4569405676", function(billid) { //提交表单

           alert("保存成功！");
           Mobile_NS.backToHomepage();//返回主页
           Mobile_NS.refresh(770);    //刷新主页
       });
}