Question

我正在制作一个预订系统，并希望有一个大日历（表格），右边的一个小框中有一些信息。

在框中我想要textfields：

签到日期
结帐日期

我最好如何使用JQuery这样做，当用户在大日历中推送一个日期时，该日期的值会转移到litte sidebox中的“Checkin date-field”，同时，禁用下一个选择的任何先前日期。用户下次推送日期时，“结帐日期”将获得该值。

Answer 1

查看jQuery UI的DatePicker

http://jqueryui.com/demos/datepicker/#date-range

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

在同一日历中选择开始和结束日期[JQuery]

1 个答案: