Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.11.2020, 17:30
Профессор
Отправить личное сообщение для giwuf Посмотреть профиль Найти все сообщения от giwuf
 
Регистрация: 16.05.2017
Сообщений: 167

Как в календаре datapicker отключить выборочные даты по формуле?
Есть библиотечка js datapicker
Я по api получаю объект c определенными датами и хочу сделать так, чтобы в выпадающем календаре были доступны только получаемые из с бека.
Как это можно сделать, учитывая, что есть свойство disabler в котором можно отключать глобально дни, месяцы календаря и метод disabledDates для более тонкой настройки в котором можно задавать определенный перечень нужных дат

setTimeout(() => {
if (Values) {
picker = datepicker(datePickerElem, {
disabler: date => {
var datelist = [];
for (var i = 0; i <= 30; i++) {
if (Values[i] == undefined) continue;
for (key in Values[i]) break;
var result = Values[i][key].date;
datelist.push(result);
}
return date.getDay() === datelist;
},
disabledDates: [new Date('2020-11-16'), new Date('2020-11-19')]
}
}
}, 500);
Ответить с цитированием
  #2 (permalink)  
Старый 09.11.2020, 18:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

js-datepicker рабочие дни из массива дат
giwuf,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://unpkg.com/js-datepicker"></script>
  <link rel="stylesheet" href="https://unpkg.com/js-datepicker/dist/datepicker.min.css">
</head>

<body>
<input type="text"  class="some-input" >
<script>
let dataApi = [new Date('2020-11-16'), new Date('2020-11-19')];
const picker = datepicker('.some-input', {
  alwaysShow: true,
  disabler: d =>!dataApi.map(v => v.setHours(0)).includes(d.getTime())
})
</script>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 09.11.2020, 18:44
Профессор
Отправить личное сообщение для giwuf Посмотреть профиль Найти все сообщения от giwuf
 
Регистрация: 16.05.2017
Сообщений: 167

Огромное спасибо, рони! Блестяще!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить формат даты? mazahaler Node.JS 3 12.12.2018 15:39
Не получается получить значения выбора даты через datapicker giwuf Библиотеки/Тулкиты/Фреймворки 2 12.12.2018 00:09
Как отключить выделение мышкой на странице? nemoj Events/DOM/Window 8 30.04.2010 15:29
как отключить подсказки в поле поиска feritailor Элементы интерфейса 2 25.11.2009 12:31
как вывести значение даты из календаря. greysells Общие вопросы Javascript 3 17.05.2009 18:43