jquery validate 验证结束时间大于开始时间

最新推荐文章于 2024-07-04 15:52:11 发布

Jason Ho

最新推荐文章于 2024-07-04 15:52:11 发布

阅读量922

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue & Vuetify

本文链接：https://blog.youkuaiyun.com/weixin_42433970/article/details/106937551

Vue & Vuetify 专栏收录该内容

27 篇文章

订阅专栏

本文介绍如何在jQuery Validate插件中设置规则，确保输入的结束时间始终大于开始时间。通过自定义`gt`函数实现这一验证，详细阐述了规则和消息配置，并展示了实际效果。

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

  <td class="vatop rowform">
	<input type="text" value="" name="start_time" id="start_time" class="txt">-
    <input type="text" value="" name="end_time" id="end_time" class="txt">
  </td>

rules:

start_time : {
	required   : true,

},
end_time:{
    required : true,
    gt: "#start_time"

},

messages:

end_time : {
	required   : '请选择结束时间',
    gt: "结束日期必须大于开始日期!"
},

函数gt:

jQuery.validator.methods.gt = function(value, element, param) {
        //var startDate = jQuery(param).val() + ":00";补全yyyy-MM-dd HH:mm:ss格式
        //value = value + ":00";

        var startDate = jQuery(param).val();

        var date1 = new Date(Date.parse(startDate.replace("-", "/")));
        var date2 = new Date(Date.parse(value.replace("-", "/")));
        return date1 < date2;
};