Question

我想根据#startDate输入来设置我的#endDate输入
所以我寻找解决方案，然后在this question中找到了解决方案，我尝试了，它解决了我的问题
但这又带来了另一个问题
在我将这行代码添加到我的#startDate datepicker之后，#endDate datepicker属性不起作用

.on('changeDate',function(selected){
    var minDate = new Date(selected.date.valueOf());
    // minDate = moment().format('dd-MMM-yyyy');
    $('#endDate').datepicker('setStartDate', minDate);
    $('#endDate').datepicker('setDate', minDate);
    $('#endDate').datepicker('autoclose', 'linked');

}）;

有人可以帮我解决这个问题吗？

我想对#endDate使用自动关闭和格式化，因此它看起来与#starDate

相同

这是我的#startDate代码行

var date = new Date();
date.setDate(date.getDate());

$('#startDate').datepicker({
    startDate: date,
    todayBtn: "linked",
    keyboardNavigation: false,
    forceParse: false,
    calendarWeeks: true,
    autoclose: true,
    format: 'dd-MM-yyyy',
    todayHighlight: true,
}).on('changeDate',function(selected){
    var minDate = new Date(selected.date.valueOf());
    // minDate = moment().format('dd-MMM-yyyy');
    $('#endDate').datepicker('setStartDate', minDate);
    $('#endDate').datepicker('setDate', minDate);
    $('#endDate').datepicker('autoclose', 'linked');
});
$("#startDate").datepicker().datepicker("setDate", new Date());

这是我的#endDate

$('#endDate').datepicker({
    keyboardNavigation: false,
    forceParse: false,
    calendarWeeks: true,
    autoclose: true,
    format: 'dd-MM-yyyy',
    todayHighlight: true,
});

和html

<div class="form-group">              
            <label >Start Date</label>

            <div class="col-sm-12">
              <div class="input-group clockpicker" data-autoclose="true" >
                <div class="col-sm-6">
                    <input type="text" id="startDate" name="startDate" class="form-control">
                </div>
                <div class="col-5">
                  <input type="text" class="form-control" id="startHour" name="startHour" value='<?php echo $start_ot?>' disabled='true' autocomplete="off" >
                </div>

                <div class="input-group-append">
                    <span class="input-group-text">
                        <span class="ft-clock"></span>
                    </span>
                </div>
              </div>
            </div>
        </div>

        <div class="form-group">              
            <label >End Date</label>

            <div class="col-sm-12">
              <div class="input-group clockpicker" data-autoclose="true" >
                <div class="col-sm-6">
                    <input type="text" id="endDate" name="endDate" class="form-control">
                </div>
                <div class="col-5">
                  <input type="text" class="form-control" id="endHour" name="endHour" autocomplete="off" >
                </div>

                <div class="input-group-append">
                    <span class="input-group-text">
                        <span class="ft-clock"></span>
                    </span>
                </div>
              </div>
            </div>
        </div>

在setStartDate [bootstrap datepicker]之后如何更改'endDate'格式日期

0 个答案: