2 lfc255 lfc255 于 2014.12.03 11:14 提问

jqueryeasyui的datetimebox验证两个时间的大小

用自带的validatebox。怎么验证两个时间的大小。即:$.extend($.fn.validatebox.defaults.rules, { }。

3个回答

save4me
save4me   Ds   Rxr 2014.12.03 13:05

参考 EasyUI validate
$.extend($.fn.validatebox.defaults.rules, {
compareDate: {
validator: function (value, param) {
return dateCompare($(param[0]).datetimebox('getValue'), value); //注意easyui 时间控制获取值的方式
},
message: '开始日期不能大于结束日期.'
}, validateUserName: {
validator: function (value) {
return validateUserName(value);
},
message: '该账户已经存在.'
}
});
//js比较日期大小
function dateCompare(startdate, enddate) {
var arr = startdate.split("-");
var starttime = new Date(arr[0], arr[1], arr[2]);
var starttimes = starttime.getTime();

        var arrs = enddate.split("-");
        var lktime = new Date(arrs[0], arrs[1], arrs[2]);
        var lktimes = lktime.getTime();

        if (starttimes > lktimes) {
            return false;
        }
        else
            return true;
    }

save4me
save4me 不客气
3 年多之前 回复
lfc255
lfc255 用不了,但是还是很感谢
3 年多之前 回复
save4me
save4me 你把上面的代码的compareDate换成你的equalsDate,validType的函数名要和rules里面的函数名对应。
3 年多之前 回复
lfc255
lfc255 <input class="easyui-datetimebox" type="text" id="endtime" name="workhour.endTime" data-options="required:'true',missingMessage:'下班时间必须填写',editable:'false'" validType="equalsDate['#startime']" />
3 年多之前 回复
lfc255
lfc255 这个$(param[0]).datetimebox('getValue')我用alert看时,拿不到值呀
3 年多之前 回复
lfc255
lfc255   2014.12.03 13:50



用$.extend($.fn.validatebox.defaults.rules, {}怎么弄,详细一点,谢谢!

save4me
save4me   Ds   Rxr 2014.12.18 10:00

把上面的代码的compareDate换成你的equalsDate,validType的函数名要和rules里面的函数名对应,解决你的问题了吗?
上面的答案有帮助吗?如果还有问题,请提出来,如果对答案满意,请顶一下,并标记为采纳答案,谢谢!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jqueryeasyui 中 datetimebox 取两个日期间相隔的天数
在 jqueryeasyui 中: 使用 datetimebox 日期控件, 选择开始日期, 结束日期,然后计算两日期间相隔天数; 然后用 相隔天数 x 补助费用 计算 包干费用;
jQuery EasyUI - DateTimeBox 日期时间框
扩展自 $.fn.datebox.defaults。用 $.fn.datetimebox.defaults 重写了 defaults。     依赖 dateboxtimespinner 用法 Js代码   "dt" type="text">    $('#dt').datetimebox({         showSeconds:false  });   
使用jquery easyui datetimebox 设置默认时间
项目中用到了jquery easyui  datetimebox 设置默认时间,需要将数据库一个对象的“创建时间”字段,在JSP中设置为默认时间显示。 通过查找jquery esayui 的API,有一$("#xx").datetimebox('setValue','2015-08-09 12:23:54'); 注意:由于我引用了,,所以,需要yyyy-MM-dd HH:MM:ss的时间格式;
jQueryEasyUi验证
多重验证: Js代码    {                       field : 'startPort',                       title : "起始端口",                       editor: "text",                       width : 50,               
easyui datetimebox设置默认时间
easyui datetimbox 内设置默认的初始时间 jsp内代码                          js内代码   $(function() { var d = new Date(); d.setFullYear(d.getFullYear()-1);/*当前时间前一年*,d.setMonty(d.getMonth()-2)为当前时间前三个月
使用Jquery EasyUI中DateTimeBox控件设置考试开始结束时间,并对其验证
首先是html页面编写,主要代码:<td style="width: 25%;text-align:center;"> <span i18nName="exa_arr_time" class="i18n" style="width: 24%;text-align:right;"></span> </td> <td style="width: 75%;text-align:left;
datetimebox的默认时间设置
在开发过程中,会遇到datetimebox值的初始化的问题,原来用的是fommart比较麻烦,后来又在网上找了一下,原来这么简单,所以记录一下 $('#addEffectiveTime').datetimebox({ required : false, onShowPanel:function(){ $(this).datetimebox("sp
easyUI DateTimeBox
@author YHC 继承至$.fn.datebox.defaults,覆盖默认值$.fn.datetimebox.defaults. 类似于datebox,datetimebox 允许用户选择一个日期和一个时间以及显示日期和时间为特定的格式,它添加了一个timespinner 组件到下拉面板. 相关依赖 dateboxtimespinner 使用示例
EasyUI datetimebox时间设置问题
这几天在做后管理框架,免不了需要根据时间段进行查询
jquery easyui 时间空件datetimebox格式转换
html: data-options="formatter:myformatter,parser:myparser" name="validtime"/> js:function myformatter(date){              var y = date.getFullYear();             var m = date.getMonth()+1;