Question

目前使用我当前的代码处理jQuery日期，我可以在两个字段中选择日期，我想检查用户是否选择护照日期不应大于到期日期。

这是我当前的jquery代码

    function testDates() {
    var from = new Date(Date.parse($("#txt_Idt").attr("value")));
    var to = new Date(Date.parse($("#txt_Epdt").attr("value")));
    if (from > to) {
        alert("From is greater than to!");
        return;
    }
    // alert("do submit");
}

以下是fiddle link

Answer 1

<强> DEMO

使用onSelect的{{1}}选项[假设来自小提琴的datePicker]并更改jquery-ui datepicker的{{1}}和minDate以及{{1}分别如下所示，并输入您的输入maxDate，以防止用户toDate。

fromDate

<强> HTML

readonly

Answer 2

使用datepicker的onSelect事件

＆＃13;

 $(document).ready(function() {

   $(".txt_Idt").datepicker({
     changeMonth: true,
     changeYear: true,
     dateFormat: 'mm/dd/yy',
     yearRange: '-115:+1M',
     maxDate: new Date(),
     onSelect: function(dateText, inst) {
       var expDate = new Date($("#txt_Epdt").val());
       var ppt = new Date(dateText);
       if (ppt > expDate) {
         alert(" Passport date is greater than Expiry Date!");
         return;
       } else
         alert(dateText);
     }
   });
   $(".txt_Epdt").datepicker({
     changeMonth: true,
     changeYear: true,
     dateFormat: 'mm/dd/yy',
     yearRange: '-115:+95M',
     onSelect: function(dateText, inst) {
       var from = new Date($("#txt_Idt").val());
       var to = new Date(dateText);
       if (from > to) {
         alert("From is greater than to!");
         return;
       } else
         alert(dateText);
     }
   });
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<input type="text" placeholder="Passport Date" class="ipt_Field txt_Idt ipt_required" id="txt_Idt" name="txt_Idt" />
<input type="text" placeholder="Expiry Date" class="ipt_Field txt_Epdt ipt_required" id="txt_Epdt" name="txt_Epdt" />

＆＃13;

Answer 3

这是一个使用jQuery的简单日期比较示例。基本上只需使用Date对象然后进行比较：

$(document).ready(function () {
    $('#date1').datepicker();
    $('#date2').datepicker();

    $('#date2').on('change', function () {
        var date1 = new Date($('#date1').val());
        var date2 = new Date($('#date2').val());
        console.log(date1);
        console.log(date2);

        if (date1 > date2) {
            alert("date1 is greater than date2");
        }
    });
});

第一个日期字段不应大于使用jquery的第二个日期字段值

3 个答案: