Question

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

Answer 1

jQuery日期插件返回日期对象（请参阅getDate方法），这些对象很容易比较。例如，见question。

Answer 2

首先将$.datepicker.parseDate(format, string)的日期转换为Javascript日期。然后使用＆lt;和＆gt;比较..

Answer 3

基于official 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>

在你的标记中：

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

如何使用jQuery比较两个日期

3 个答案: