Ограничение выбора в календарной форме

335
29 июня 2017, 03:17

Можно ли в календарной форме datepicker ограничить возможность выбора только определенным днем недели? Средствами из коробки, так сказать. В документации искала, не нашла. Но, возможно, я что-то упустила.

Answer 1

Опция beforeShowDay:

Функция принимает в качестве параметра дату и должна вернуть массив:

[0]: true или false, определяет доступна ли дата для выбора

[1]: имя CSS класса добавляемое для ячейки даты, "" для отображения по умолчанию

[2]: подсказка (tooltip) при наведении указателя на дату

Функция вызывается для каждого дня в календаре до того, как он будет отображен

$('#datepicker').datepicker({ 
  beforeShowDay: function(date) { 
    return [date.getDay() === 1] 
  } 
});
<link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<input type="text" id="datepicker">

READ ALSO
Здравствуйте, как заменить input [type=submit] на button [type=submit]?

Здравствуйте, как заменить input [type=submit] на button [type=submit]?

Здравствуйте, как заменить input [type=submit] на button [type=submit] через javascript, input кнопки невидимы и обычным способом их не заменить, а требуется сделать...

388
Как работать с Promise?

Как работать с Promise?

ПриветДопустим, что я хочу вывести какой-то блок на странице:

415