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

У меня есть этот кусок кода ASPX:glyphicon-календарь даты начала и окончания

<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

источник

2016-10-04 Elad Gutman

См. Это - http://www.daterangepicker.com/. Я понимаю, что вы включили все необходимые файлы для выбора daterange. Кроме того, в случае выбора диапазона дат вы можете определить диапазон, используя «startDate» и «endDate», а не «maxDate». 'maxDate' применим в случае datetimepicker. –

Мое решение:

1) Я добавил идентификатор для DIV содержит класс «даты ввода-группа».

<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-код ($(document).ready(function() ...) Я добавил следующее:

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

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

Elad

источник

2016-10-10 06:24:05

Вы можете попробовать ENDDATE вместо MaxDate

как: - ENDDATE: '+ 0d'

источник

2016-10-04 05:57:25

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

$ ('. Datepicker'). DatePicker ({

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

здесь у в STARTDATE: «-30y» указывает, начальный год каландра и d в ENDDATE: «+ 0d» это указывает на последнюю дату календаря, которая является текущей датой. вы можете попробовать this.good удачи :)

источник

2016-10-04 06:02:38

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

ответ

Смежные вопросы