`
a137268431
  • 浏览: 157814 次
文章分类
社区版块
存档分类
最新评论

jquery easyui 对于开始时间小于结束时间的判断

 
阅读更多

对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断
好吧!直接上代码

  查看内容:按时间:
 <input class="easyui-datetimebox" style="width: 180px" id="start2" value="${startTime}">
<span class="newfont06">至</span>
 <input class="easyui-datetimebox" style="width: 180px" id="end2" value="${endTime}" validType="md['#start2']">
<input name="Submit4" type="button" class="right-button02" value="查 询" onclick="query2('${pid}');" id="query"/>


 <script type="text/javascript">
  var varify;//用于查询验证,验证开始时间是否小于结束时间
      function query2(pid){
	  if(varify){
		  startTime2 = $('#start2').datetimebox('getValue');	
    	  endTime2 = $('#end2').datetimebox('getValue');	
    	  window.location.href="listPagingArticle?pid="+pid+"&pageNumber=1&start="+startTime2+"&end="+endTime2;
	  }else{
		   $.messager.alert('警告','结束时间要大于开始时间','warning');
	  }
    	 
      }
  	$.fn.datebox.defaults.formatter = function(date){//对于时间格式的转换
  		
  		var y = date.getFullYear();
  		var m = fullnum(date.getMonth()+1);
  		var d = fullnum(date.getDate());
  		return y+'-'+m+'-'+d;
  	};
	function fullnum(obj){//对于月小于10格式的转换,因为Timestamp转换必须是2013-01-04这种格式
	    if(Number(obj) < 10){
	        return '0' + obj;
	    }else{
	        return obj;
	    }    }
	
	  $.extend($.fn.validatebox.defaults.rules, {//验证开始时间小于结束时间
          md: {
              validator: function(value, param){
            	  startTime2 = $(param[0]).datetimebox('getValue');	
                  var d1 = $.fn.datebox.defaults.parser(startTime2);
                  var d2 = $.fn.datebox.defaults.parser(value);
                  varify=d2>d1;
                  return varify;
               
              },
              message: '结束时间要大于开始时间!'
          }
      })
	
	
	
  </script>


分享到:
评论

相关推荐

    jquery easyui datagrid demo

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它封装了一系列的 jQuery 插件,为开发者提供了构建用户界面的简便方法。这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件...

    jquery easyui 对于开始时间小于结束时间的判断示例

    在本示例中,我们将探讨如何使用 jQuery EasyUI 的 ValidateBox 组件来实现开始时间小于结束时间的判断。 首先,我们需要在HTML中设置两个 datetimebox 输入框,分别用于选择开始时间和结束时间。这两个输入框的ID...

    jquery easyui 帮助文档

    这个“jQuery EasyUI 帮助文档”包含了全面的API参考和使用指南,对于开发者来说是极具价值的资源。 jQuery EasyUI 的核心在于其组件系统,这些组件包括但不限于数据网格(datagrid)、下拉菜单(combobox)、...

    jqueryEasyUI

    **jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,使得开发者能够快速...在实际项目中,熟练掌握 jQuery EasyUI 的使用技巧和 API,对于提升工作效率至关重要。

    jQuery EasyUI的api

    以下是对jQuery EasyUI API的一些核心知识点的详细说明: 1. **基本概念**: - **jQuery**: jQuery 是一个轻量级的JavaScript库,它使得DOM操作、事件处理、动画设计以及Ajax交互变得更加简单。 - **EasyUI 组件*...

    初试JqueryEasyUI(附Demo)

    **jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个初试 Jquery EasyUI 的 Demo 旨在帮助新手...

    jQueryEasyUI从零开始学源码part1

    本教程“jQueryEasyUI从零开始学源码part1”旨在帮助初学者深入理解jQuery EasyUI的工作原理,通过源码分析来提升开发技能。 首先,我们需要了解jQuery EasyUI的基础概念。jQuery是一个轻量级的JavaScript库,简化...

    Jquery EasyUI 日历Demo

    JQuery EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了一系列的 UI 组件,如对话框、表格、树形菜单、按钮等,用于快速构建用户界面。在这个"Jquery EasyUI 日历Demo"中,我们将探讨如何利用 EasyUI 的日历...

    jQuery EasyUI 1.9.4 chm文档

    针对jQuery EasyUI的1.9.0的在线帮助文档进行整理,生成chm文件,便于开发时或者离线对easyi控件的属性、文法、事件等内容的查看。

    jQuery EasyUI v1.3.5官方API中文版

    jQuery EasyUI 是一款非常棒的WEB前端UI框架,很多朋友都在找jQuery EasyUI API 中文文档,本次给大家提供的就是jQuery EasyUI v1.3.5官方API中文版,有需要的拿去用吧

    Jqueryeasyui使用说明

    资源名称:Jquery easyui 使用说明内容简介:Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的...

    jQuery EasyUI 参考资源合集

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了一系列的 UI 组件,如对话框、表格、下拉菜单、树形结构等。这个参考资源合集包含了三个重要的文档,分别为 jQuery EasyUI 1.2 API...

    jQuery EasyUI 1.5.1 版 API 中文版

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了一系列易于使用的组件,如对话框、表格、菜单、按钮等。版本 1.5.1 是一个重要的更新,它不仅包含了之前版本的所有功能,还进行了...

    ssm+jqueryeasyui案例

    SSM框架,全称为Spring、SpringMVC和MyBatis的集成框架,是Java Web开发中常用的一种技术栈。...同时,对于压缩包中的API中文文档,它将帮助开发者更好地理解和使用jQuery EasyUI的各种组件,提高开发效率。

    jQuery EasyUI EasyUI 组件范例

    根据提供的文件信息,本文将详细解释与“jQuery EasyUI”相关的知识,特别是“EasyLoader”组件的使用方法及其在实际项目中的应用场景。 ### jQuery EasyUI简介 jQuery EasyUI 是一个基于 jQuery 的用户界面插件...

    jquery easyui + Ztree +折线图

    《jQuery EasyUI、ZTree与折线图的综合应用》 在Web开发中,jQuery EasyUI、ZTree和折线图是三种常见的组件,它们分别用于构建用户界面、实现树形结构展示和数据可视化。本篇文章将深入探讨这些技术及其在实际项目...

    jQuery EasyUI v1.10.0.zip

    4. **easyloader.js**:EasyLoader是jQuery EasyUI的一部分,用于自动化加载所需的组件,帮助减少页面加载时间,提高性能。 5. **jquery.easyui.mobile.js**:这个文件针对移动设备进行了优化,提供了一套适应手机...

    jqueryeasyui.chm

    jqueryeasyui

    SSH+Jquery easyUI后台管理系统

    SSH+jQuery EasyUI后台管理系统是一种基于Struts2(S)、Spring(S)和Hibernate(H)三大开源框架的Web应用程序开发模式,结合jQuery EasyUI前端框架,构建出高效、简洁且具有现代感的后台管理界面。这个系统设计的...

Global site tag (gtag.js) - Google Analytics