jquery validate 驗證結束時間大於開始時間

  <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;
};

效果:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章