帆软日期控件—时间范围事件JS

最新推荐文章于 2024-08-21 04:32:50 发布

黑色与白

最新推荐文章于 2024-08-21 04:32:50 发布

阅读量9.8k

点赞数 5

分类专栏：帆软文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44340836/article/details/111294857

版权

帆软专栏收录该内容

7 篇文章

订阅专栏

这篇博客介绍了如何在参数面板中为查询按钮添加点击事件，以实现两个日期控件（开始日期和结束日期）的交互验证。通过JavaScript代码，当开始日期小于结束日期或者任一日期为空时，会弹出相应错误提示，确保数据输入的正确性。此外，代码还包含了注释的结束日期必须在开始日期15天之内的逻辑，但此部分未启用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求是设置两个日期控件，开始日期和结束日期，开始日期不得小于结束日期，若小于，给与提示。
在这里插入图片描述
如下图所示，在参数面板的查询按钮添加一个点击事件。

注意：日期控件的控件名需要和下面JS中getWidgetByName(“控件名”)保持一致

var start = this.options.form.getWidgetByName("stamont").getValue();  
var end = this.options.form.getWidgetByName("endmont").getValue();  
if( start == "" || start==null){  //判断开始日期是否为空
  alert("错误,开始时间不能为空");   //开始日期参数为空时提示
  return false;  
};  
if(end == "" || end==null){  //判断结束日期是否为空
  alert("错误,结束时间不能为空");   //结束日期参数为空时提示
  return false;  
};  
if( start > end){   //判断开始日期是否大于结束日期
  alert("错误,开始时间不能大于结束时间");   //开始日期大于结束日期时提示  
  return false;  
}
//下面是结束日期必须在开始日期后的某个时间段内
//var startdate = new Date(start);   //将开始日期转化为Date型
//var enddate = new Date(end);    //将结束日期转化成Date型
//var subdate = (enddate-startdate)/ (1000 *60 *60 *24);   //将两个日期相减得出的毫秒数转化为天数
//if(subdate>15){    //判断结束日期是否超过开始日期后15天
//alert("错误,结束日期必须在开始日期15天之内");    //结束日期超过开始日期后的十五天时提示
//return false; }