Question

从下面的代码中，如果我点击登记日期为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>

Answer 1

第17个日期被禁用，因为now1从第一天开始。你可以使用now而不是now1。编辑：您可以根据签到选择器在结账选择器上设置日期，如下所示：

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

小提琴：http://jsfiddle.net/tp2MP/

Bootstrap日历中的签入/签出日期加载问题

1 个答案: