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>

赞 (0)

相关推荐

  • bootstrap laydate日期组件使用详解

    bootstrap laydate日期组件使用详解

    在日常的网页开发过程中,日期组件已经成为不可或缺的组件之一.同时,随着广大杰出攻城狮的不懈努力,也出现了很多优秀的日期组件,其中我个人觉得 layDate 日期组件是一个非常不错的组件,简洁易用,样式清爽. 此文主要以贤心所作的 layDate 组件进行日期选择的演示,敬请各位小主们参阅,若有不足之处,敬请大神指正,不胜感激! 闲不多言,直接上码. 演示文档的工程目录如下图所示: laydate-demo.html 对应的源代码为: <!DOCTYPE html PUBLIC "-//W3

  • laydate 显示结束时间不小于开始时间的实例

    jsp: <div class="form-group"> <label >交易时间:</label> <input placeholder="开始日期" class="form-control layer-date" id="startDate" name="startDate"> <input placeholder="结束日期"

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

    对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断 好吧!直接上代码 复制代码 代码如下: 查看内容:按时间: <input class="easyui-datetimebox" style="width: 180px" id="start2" value="${startTime}"> <span class="newfont06">

  • EasyUI Datebox 日期验证之开始日期小于结束时间

    EasyUI Datebox 日期验证之开始日期小于结束时间

    效果 创建建日期框 <div style="width:65px;"><label>选择时间:</label></div> <div style="width:100px;" id="StartsTime"> <div class="easyui-datebox" name="data" id="StartDate" st

  • easyui datebox 时间限制，datebox开始时间限制结束时间，datebox截止日期比起始日期大的实现代码

    一.Html代码 注意的是需要加上data-options="editable:false",不能直接修改日期 <tr> <td width="15%" class="label">合同起始日期:</td> <td width="35%"> <input value="${loan.contractBegtime}" class="f1 eas

  • js前台判断开始时间是否小于结束时间

    复制代码 代码如下: // 判断开始时间是否小于结束时间 if ($("#txtBeginTime").length > 0 && $("#txtEndTime").length > 0) { if (Date.parse(TimeFormatToSQL($("#txtBeginTime").val()).replace("-", "/")) > Date.parse(Ti

  • 用vbs记录屏幕保护程序的开始时间和结束时间

    问: 您好,脚本专家!如何记录屏幕保护程序的开始时间和结束时间? -- JS 答: 您好,JS.您知道,一位脚本专家(嘿,谁说"肯定是 Greg"?)年纪大得记得屏幕保护程序刚出现的日子.那时,这类脚本毫无意义.毕竟,屏幕保护程序启动后,每个人都神魂颠倒,从未想过让它结束.事实上,作为计算机支持人员的这位脚本专家首先必须做的一件事就是在每个人的桌面上创建快捷方式,使他们能够随时启动"飞转的小烤炉". 那时人们很容易得到快乐. 啊,但是活在过去没有意义,对吧?在今天的

  • laydate如何根据开始时间或者结束时间限制范围

    本文教大家如何实现laydate根据开始时间或者结束时间限制范围,供大家参考,具体内容如下 $(window).load(function(){//初始化时间控件 var cartimeDate = laydate.render({ elem: '#cartime' //用车时间 ,type: 'datetime' ,format: 'yyyy-MM-dd HH:mm' ,done:function(value, date){ returntimeDate.config.min=getDateA

  • java获取指定开始时间与结束时间之间的所有日期

    java获取指定开始时间与结束时间之间的所有日期

    本文实例为大家分享了java获取指定开始时间与结束时间之间的所有日期的具体代码,供大家参考,具体内容如下 import java.text.SimpleDateFormat; import java.util.Calendar; public class TimerTest { public static void main(String[] args) throws Exception { String beginDate = "2016-07-16";//开始时间 String e

  • vant 时间选择器--开始时间和结束时间实例

    我就废话不多说了,大家还是直接看代码吧~ <template> <div class="linesMigrate"> <div class="conditionDiv"> <div class="singleCondition" :style="conditonStyle2" @click="showPopupDateChooseStart"> <div

  • js校验开始时间和结束时间

    本文实例为大家分享了js校验开始时间和结束时间的具体代码,供大家参考,具体内容如下 <html> <head> <script> function checkTime(){ var startTime = document.getElementById("_startTime").value.trim(); var endTime = document.getElementById("_endTime").value.trim()

  • oracle获取上一旬的开始时间和结束时间的实现函数

    复制代码 代码如下: -- 获取上旬开始时间 create or replace function fd_lastxunstart(rq in date) return string is refstr varchar2(50); v_rq date; begin --获取上一旬的日期 v_rq := trunc(rq); select case decode(trunc((to_char(v_rq, 'dd') - 1) / 10), 0, '上旬', 1, '中旬', '下旬') when

随机推荐