Блог

Главная - Вопросы по программированию - Отключить предыдущие даты и изменить формат даты в datetimepicker

Отключить предыдущие даты и изменить формат даты в datetimepicker

#javascript #jquery #datetimepicker #datetime-format

#javascript #jquery #datetimepicker #datetime-format

Вопрос:

Как я могу отключить предыдущие даты в datetimepicker? В настоящее время я использую приведенный ниже код, но он также отключает текущую дату. Формат также включает время, которое мне тоже не нужно.

 $('#datetimepicker5').datetimepicker({
    minDate: new Date(),
    disabledDates: [new Date()]
});

Ожидаемый формат: 17.09.2020
Фактический формат: 17.09.2020 10:34 вечера

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

1. Я не совсем понимаю, что вы подразумеваете под «отключить предыдущий формат даты ‘мм / дд / гг'» — вы имеете в виду, что хотите изменить формат даты? Или отключить даты до сегодняшнего дня? Кроме того, disabledDates это не вариант для средства выбора даты jQuery, поэтому вы используете другое средство выбора даты, например Bootstrap?

2. Я хотел отключить предыдущие даты в моем datetimepicker, чтобы пользователь не мог выбирать прошлые даты также, как я могу отформатировать свой datetimepicker для мм / дд / гг?

Ответ №1:

Как для пользовательского интерфейса jQuery datepicker , так и для плагина jQuery datetimepicker , которые вы ищете, являются:

  • Отключить даты до сегодняшнего дня: minDate: 0
  • Измените формат даты на mm/dd/yy (например, 17.09.2010): dateFormat: "mm/dd/y"
  • Измените формат даты на mm/dd/yyyy (например, 17.09.2020): dateFormat: "mm/dd/yy"

В datetimepicker вы также можете использовать следующие опции:

  • Отключить определенные даты, например: disabledDates: ['01/01/2021','01/02/2021','01/03/2021']
  • Отключить указатель времени: timepicker:false

Или, если вам не нужно время, вы можете просто использовать datepicker 🙂

Вот как инициализировать ваш datetimepicker с помощью этих параметров:

 $('#datetimepicker5').datetimepicker({
    minDate: 0,
    dateFormat: "mm/dd/yy",
    timepicker:false,
});

Рабочий пример с использованием datepicker:

 $("#my_datepicker").datepicker({
  minDate: 0,
  dateFormat: "mm/dd/yy",
});  
 <link href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>

<label>Date</label>
<input id="my_datepicker" type="text">

Ссылки: datepicker, плагин datetimepicker