как изменить дату формата 'endDate' после setStartDate [начальная загрузка начальной загрузки] - PullRequest
Новая
       43

как изменить дату формата 'endDate' после setStartDate [начальная загрузка начальной загрузки]

1 голос
/ 19 сентября 2019

я хотел установить setStartDate мой ввод #endDate на основе ввода #startDate
, поэтому я искал решение и нашел решение в этом вопросе , я попробовал его, и это решило мою проблему
но возникает другая проблема
свойства #endDate datepicker не работают, после добавления этой строки кода в мой #startDate 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');

});

canкто-нибудь помочь мне разобраться в этом?

я хочу использовать autoclose и форматировать для моей #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>
...