Блог

Главная - Вопросы по программированию - glyphicon-дата начала и окончания календаря

glyphicon-дата начала и окончания календаря

#javascript #datetimepicker #bootstrap-datetimepicker

#javascript #datetimepicker #bootstrap-datetimepicker

Вопрос:

У меня есть этот фрагмент aspx-кода:

 <div class="col-xs-2">
    <label for="txtDateActioned" style="cursor: pointer;">Date Actioned</label>
    <div id="sandbox-container">
        <div class="input-group date">
            <input type="text" class="form-control" id="txtDateActioned" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
    </div>
</div>

Насколько я понимаю (и я не веб-разработчик, просто борюсь с обслуживанием), это средство выбора даты и времени начальной загрузки.

Мое скромное желание — установить «конечную дату» (или «максимальную дату») на «Сегодня» или любую другую дату. Я попытался сделать это с помощью JS (в $(document).ready(function()...) разделе):

 $('#txtDateActioned').daterangepicker(
    {
        maxDate: "01-09-2016"
    }
);

Однако я не могу найти способ заставить это работать. Пользователь все равно может выбрать будущую дату, и это именно то, что я хочу предотвратить. Я также пробовал другой формат даты, такой как «2016-09-01», а также пробовал « $('#txtDateActioned').datetimepicker() . Однако у меня ничего не получалось.

Любая помощь приветствуется.

Elad

Комментарии:

1. Обратитесь к этому — daterangepicker.com . Я понимаю, что вы включили все необходимые файлы для работы средства выбора диапазона дат. Кроме того, в случае выбора диапазона дат вы можете определить диапазон, используя ‘StartDate’ и ‘EndDate’, а не ‘maxDate’. ‘maxDate’ применяется в случае выбора даты и времени.

Ответ №1:

Вы можете попробовать EndDate вместо maxDate

например: — Конечная дата:’ 0d’

Ответ №2:

примером может быть

$(‘.datepicker’).datepicker({

             format: 'dd/mm/yyyy',
            startDate: '-30y',
            endDate:' 0d',
        });

здесь y в StartDate: ‘-30y’ указывает год начала календаря, а d в EndDate:’ 0d’ указывает последнюю дату календаря, которая является текущей датой.
вы можете попробовать это. удачи 🙂

Ответ №3:

Мое решение:

1) Я добавил идентификатор для div, содержащий класс ‘input-group date’.

 <div id="dateActionedDP" class="input-group date">
    <input type="text" class="form-control" id="txtDateActioned" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>

2) В коде js (the $(document).ready(function () …) Я добавил следующее:

 $("#dateActionedDP").datepicker("setEndDate", ' 0d');

Это сработало для меня. Спасибо всем за помощь.

Elad