如何使用 jQuery 比较两个日期

Question

我正在使用 Jquery datepicker，它为我提供了一个文本框和日历图标。我有两个文本框：1 是开始日期，另一个是结束日期。我需要使用 jquery 检查结束日期不应小于开始日期。

Answer 1

jQuery 日期插件返回日期对象（请参阅 getDate 方法），这很容易可比。例如，请参阅此问题。

Answer 2

首先使用 $.datepicker.parseDate(format, string)< 转换日期/a> 到 Javascript 日期。然后使用 <和>为了比较..

Answer 3

基于官方 jQuery UI，最简单的方法是使用其日期范围功能：

<script>
    $(function() {
        var dates = $( "#from, #to" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 3,
            onSelect: function( selectedDate ) {
                var option = this.id == "from" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
        });
    });
    </script>

< br>
在您的标记中：

<div class="demo">

<label for="from">From</label>
<input type="text" id="from" name="from"/>
<label for="to">to</label>
<input type="text" id="to" name="to"/>

</div><!-- End demo -->