JS实现日期控件校验

最新推荐文章于 2025-06-08 10:50:56 发布

转载最新推荐文章于 2025-06-08 10:50:56 发布 · 1.4k 阅读

六、数据分析-报表（finereport）专栏收录该内容

2 篇文章

订阅专栏

博客介绍了内置参数查询界面的数据校验方法。以开始日期和结束日期为例，需校验其不为空、结束日期在开始日期之后且在特定时间段内。还给出了判断开始和结束时间是否为空、开始时间不超结束时间，以及查询时间与当前时间比较的方法，部分可参考官方文档。

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

1、概述

内置参数查询界面当中可进行一些数据校验，例如有两个参数：开始日期和结束日期，下面我们要校验的是：开始日期与结束日期不能为空，结束日期必须在开始日期之后以及结束日期必须在开始日期后的某个时间段内，否则提示相关信息，对此可以在查询按钮中增加事件。下面介绍下具体的设置。

具体效果图如下：

具体错误见效果图报错警告。

2、判断开始时间与结束时间是否为空

给查询按钮增加点击事件，具体的JS代码如下：

var start = this.options.form.getWidgetByName("starttime").getValue();    
var end = this.options.form.getWidgetByName("endtime").getValue();    
if( start == "" || start==null){  //判断开始日期是否为空  
  alert("错误,开始时间不能为空");   //开始日期参数为空时提示  
  return false;    
};    
if(end == "" || end==null){  //判断结束日期是否为空  
  alert("错误,结束时间不能为空");   //结束日期参数为空时提示  
  return false;    
}

开始时间和结束时间不能为空，如果为空则返回相对应得错误提示。其中“starttime” 和 “endtime” 为时间控件得控制名，这个可以根据需要进行修改。

3、判断开始时间不能超过结束时间

var start = this.options.form.getWidgetByName("starttime").getValue();    
var end = this.options.form.getWidgetByName("endtime").getValue();    
    
if( start > end){   //判断开始日期是否大于结束日期  
  alert("错误,开始时间不能大于结束时间");   //开始日期大于结束日期时提示    
  return false;    
}

同样，上面一步是对开始时间与结束时间得一个判断，此时可以把2和3放在一起，对控键参数进行判断。

4、判断查询时间与当前得时间进行比较判断

var startDate = this.options.form.getWidgetByName("startDate").getValue();
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
if(month < 10){
	month = "0" + month;
	}
if(day < 10){
	day = "0" + day;
	}
var nowDate = year + "-" + month + "-" + day;	
if(startDate >= nowDate){
	FR.Msg.alert("提示","开始时间不能超过当前时间！");
	return false;
}

此时的参数只有一个查询时间！！！

可以通过对 var day = date.getDate() + 1 将当前时间往后推移一天（根据自己需要）

前面三步可官方文档参考：http://help.finereport.com/finereport8.0/#