Использование Eonasdan Link DateTime Picker Ограничение пользователя для выбора даты только между месяцем

Я использую Eonasdan Link DateTime Picker и понятия не имею, как ограничить пользователя выбором даты между одним месяцем.. (один месяц с выбранной даты первого DateTimePicker, т.е. StartDate).

HTML

<div class="col-md-9">
                  <div class='input-group date' id="FuelLogStartDate">
                        <input type='text' class="form-control" name="FuelLogStartDate" value="@Model.StartDate.ToString("dd/MM/yyyy HH:mm")" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
   </div>
</div>

<div class="col-md-9">
                    <div class='input-group date' id="FuelLogEndDate">
                        <input type='text' class="form-control" name="FuelLogEndDate" value="@Model.EndDate.ToString("dd/MM/yyyy HH:mm")" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                  </div>
</div>

JavaScript

<script type="text/javascript">
    $(function () {    

        $('#FuelLogStartDate').datetimepicker({
            format: 'DD/MM/YYYY HH:mm'
        });
        $('#FuelLogEndDate').datetimepicker({
            format: 'DD/MM/YYYY HH:mm',
            useCurrent: false 
        });
        $("#FuelLogStartDate").on("dp.change", function (e) {
            $('#FuelLogEndDate').data("DateTimePicker").minDate(e.date);
        });
        $("#FuelLogEndDate").on("dp.change", function (e) {
            $('#FuelLogStartDate').data("DateTimePicker").maxDate(e.date);
        });

    });
</script>

person Usman lqbal    schedule 04.12.2015    source источник


Ответы (1)


Добавьте приведенные ниже строки, чтобы установить минимальную дату и максимальную дату (при инициализации средства выбора в JS) для средства выбора даты и времени.

minDate: moment("2016-01-01T01:00:01-04:00"),
maxDate: moment("2016-01-31T01:00:01-04:00")
person SuperNova    schedule 01.02.2016