Отключить определенные даты из html5 datepicker

Можно ли отключать даты, когда я использую Я хочу отключить текущую дату для одного сценария и будущих дат для другого сценария. Как отключить даты?

Ответ 1

Вы можете добавить атрибут min или max к input type=date. Дата должна быть в формате ISO (гггг-мм-дд). Это поддерживается во многих мобильных браузерах и текущих версиях Chrome, хотя пользователи могут вручную вводить недопустимую дату без использования средства выбора даты.

<input name="somedate" type="date" min="2013-12-25">

Атрибуты min и max должны быть полной датой; нет способа указать "сегодня" или " +0 ". Для этого вам нужно использовать JavaScript или серверный язык:

var today = new Date().toISOString().split('T')[0];
document.getElementsByName("somedate")[0].setAttribute('min', today);

http://jsfiddle.net/mblase75/kz7d2/

Исключать только сегодня, допуская прошлые или будущие даты, здесь невозможно. Однако, если вы подразумевали, что хотите, чтобы завтра было min датой (исключая сегодняшние и все прошлые даты), посмотрите этот вопрос, чтобы увеличить today на один день.

Как и во всех других случаях, связанных с HTML-формами, вы всегда должны проверять поле на стороне сервера независимо от того, как вы ограничиваете его на стороне клиента.

Ответ 2

Да, это легко. вы можете сделать это, выполнив

<input type="date" min="<?php echo date("Y-m-d"); ?>" > </input>

Ответ 3

HTML datepicker (<input type=date>) поддерживает атрибут min/max, но не поддерживается широко.

В то же время вы можете использовать bootstrap-datepicker, v1.2.0 находится на github.

Литература:

Спецификация W3C

Ответ 4

Вы можете использовать это, чтобы отключить будущие даты:
Внутри функции document.ready поместите

//Display Only Date till today //

var dtToday = new Date();
var month = dtToday.getMonth() + 1;     // getMonth() is zero-based
var day = dtToday.getDate();
var year = dtToday.getFullYear();
if(month < 10)
   month = '0' + month.toString();
if(day < 10)
   day = '0' + day.toString();

var maxDate = year + '-' + month + '-' + day;
$('#dateID').attr('max', maxDate);

и в форме

<input id="dateID" type="date"/>

Вот рабочий jFiddle Demo

Ответ 5

В чистом HTML единственными ограничениями, которые вы можете установить для дат, являются нижняя и верхняя границы атрибутов min и max. В приведенном ниже примере разрешены только даты недели, в которую я отправляю этот вопрос, другие отображаются серым цветом, и нажатие на них не обновляет входное значение:

<input type="date" min="2019-06-02" max="2019-06-08"/>