-3

以下のコードから、2014 年 6 月 17 日のチェックイン日をクリックすると、カレンダーは 2014 年 5 月 18 日のチェックアウト カレンダーを直接ポップアップしますが、2014 年 6 月 17 日を表示するにはそのカレンダー ポップアップが必要です。コード。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script src="js/bootstrap-datepicker.js" type="text/javascript"></script>
<script>
    $(document).ready(function(e) {

        var nowTemp = new Date();
        var now = (nowTemp.getMonth()+1)+'-'+ nowTemp.getDate()+'-'+ nowTemp.getFullYear();


        $('#sandbox-container .input-append.date').datepicker({
            orientation: "auto",
            autoclose: true,
            todayHighlight: true,
            startDate:now
            }).on('changeDate', function(ev) {
                $('#sandbox-container1 span').trigger('click');
                $('.input-append.date.span12').css({display:'block'}).show();
            }); 

        var nowTemp1 = new Date();
        var now1 = (nowTemp1.getMonth()+1)+'-'+ (nowTemp1.getDate()+1)+'-'+ nowTemp1.getFullYear();

        $('#sandbox-container1 .input-append.date').datepicker({
            orientation: "auto",
            autoclose: true,
            startDate:now1
        });
    });
</script>

<div id="sandbox-container" class="book_arriv_input f-left">
    <div data-date-format="mm-dd-yyyy" data-date="12-12-2013" id="dp1" class="input-append date" >
        <input type="text" id="check_in" name="checkin_date_avail" class="span6"/>
        <span> 
            <div class="add-on calender" style="margin-left: -5px;">
                <i class="icon-th"></i>
            </div>
        </span>
    </div>
</div>

<div id="sandbox-container1" class="book_arriv_input f-left">
    <div data-date-format="mm-dd-yyyy" data-date="12-13-2013" id="dp2" class="input-append date">
        <input type="text" id="check_out" name="checkout_date_avail" class="span6"><span class="add-on calender" style="margin-left: -5px;"><i class="icon-th"></i></span>
    </div>
</div>
4

1 に答える 1

0

now1 は 1 日後に開始されるため、2 番目の日付は 17 日に無効になります。now1 の代わりに now を使用できます。編集: 次のように、チェックイン ピッカーに基づいてチェックアウト ピッカーに日付を設定できます。

picker1 = $('#sandbox-container1 .input-append.date').datepicker()
picker1.data('datepicker').setDate(pickedDate);

フィドル: http://jsfiddle.net/tp2MP/

于 2014-05-17T09:11:28.880 に答える