`

JS判断结束时间不能小于开始时间并且间隔不能超过31天

阅读更多

 

<html>
  <head>
     <title></title>
  </head>
  <body>
     <form method="post">
         起始时间:<input id="first" type="text"/><br><!-- 2012-05-01 -->
         终止时间:<input id="second" type="text"/>
         <input type="submit" id="submit" name="提交"/>
     </form>
  </body>
  <script type="text/javascript">
     
	var first = document.getElementById("first").value;
        var second = document.getElementById("second").value;
 var data1 = Date.parse(first.replace(/-/g,   "/"));
    var data2 = Date.parse(second.replace(/-/g,   "/"));
    var datadiff = data2-data1;
    var time = 31*24*60*60*1000;     
if(first.length>0 && second.length>0){
          if(datadiff<0||datadiff>time){
             alert("开始时间应小于结束时间并且间隔小于31天,请检查!");
             return false;
          }
} 
</script>
</html> 

 

 

//搜索
	function subForm(id) {
		//验证文本框不能为空
		var validValue = $("#"+id).valid();
		if (validValue) {
			var startTime = $("#search_EQ_startTime").val();	
			var endTime = $("#search_EQ_endTime").val();
			
			var data1 = Date.parse(startTime.replace(/-/g,   "/"));  
		    var data2 = Date.parse(endTime.replace(/-/g,   "/"));  
		    var datadiff = data2-data1;  
		    var time = 31*24*60*60*1000; 
		    
		    if(startTime.length>0 && endTime.length>0){  
		          if(datadiff<0||datadiff>time){  
		             alert("开始时间应小于结束时间并且间隔小于31天,请检查!");  
		             return false;  
		          }else{
		        	  $("#" + id).submit();
		          }  
			}   
		}
		
	}

 

 

分享到:
评论

相关推荐

    iview3-date-range:iview的日期选择控件,做了日期范围的限制,可自定义可选的间隔2个与、3个月等

    【iview3-date-range】是基于Vue2和iview UI库的一个扩展,它为iview的日期选择器组件增加了日期范围限制的功能,并且允许用户自定义可以选择的日期间隔,如每2个月或3个月等。这个特性使得在处理日期选择时更加灵活...

    Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)

    在Vue.js中,有时我们需要根据创建时间和当前时间来展示操作的时间差异,比如“刚刚”,“几分钟前”,“几小时前”,或者“几天前”。这在很多Web应用中是很常见的功能,可以提升用户体验,让用户更容易理解信息的...

    js操作时间(年-月-日 时-分-秒 星期几)

    JavaScript是一种广泛使用的高级编程语言,它在网页中提供了强大的脚本编程能力,尤其是在时间操作方面提供了丰富的内置方法。在JavaScript中,可以使用Date对象对时间进行处理,创建Date对象通常使用new操作符配合...

    js显示当前日期时间和星期几

    在给定的标题和描述中,我们关注的是如何使用JavaScript来获取并显示当前的日期、时间以及星期几。下面将详细解释相关知识点。 1. **Date对象**: JavaScript中的`Date`对象是处理日期和时间的核心,可以用来创建...

    JS实现倒计时和文字滚动的效果实例

    在JS实现倒计时的示例中,倒计时效果的核心原理是通过JavaScript中的`Date`对象获取当前时间,并与设定的目标时间进行比较,通过不断计算两者之间的时间差来更新页面上显示的时间。具体步骤如下: 1. 设置目标时间点...

    JS简单实用的倒计时效果实现代码

    请注意,此代码示例中的结束时间已固定为2012年12月31日23:59:59,你需要根据实际需求修改这个日期。 在实际项目中,你可能还需要处理闰年、时区差异、用户设备时间更改等问题,以确保倒计时的准确性。此外,你还...

    jQuery+css3实现的显示倒数计时器代码

    // 倒计时结束的时间 var countdownElement = $('#countdown'); // jQuery选择器,找到显示倒计时的元素 function updateCountdown() { var currentTime = new Date(); var timeRemaining = (endDateTime - ...

Global site tag (gtag.js) - Google Analytics