Добавить пользовательский класс на x-количество дней (месяцев/лет) в даты выбора даты пользовательского интерфейса jQuer ⇐ Jquery
Добавить пользовательский класс на x-количество дней (месяцев/лет) в даты выбора даты пользовательского интерфейса jQuer
Я пытаюсь динамически добавить класс к числу «td» в средстве выбора даты пользовательского интерфейса jQuery на основе значений « periodValue» и « periodType».
У меня возникли серьезные проблемы с реализацией метода добавления класса «ваш-пользовательский-класс» к количеству x дней непосредственно после текущего дня.
Например, если сегодня 29.12.2023 [29], то в моем закодированном примере следующие 5 дней должны иметь класс «ваш-пользовательский-класс». Итак, это будет: 30.12.2023, 31.12.2023, 01.01.2024, 01.02.2024 и 01.03.2024.
$(document).ready(function() { пусть periodValue = 5; пусть periodType = d; $('.input .date').each(function() { $(this).on('click', function() { пусть inputContainer = $(this).closest('.input'); if (inputContainer.hasClass('kn-custom-calendar-confirmation- period')) { addCustomClassToDates (периодValue, periodType); } еще { удалитьCustomClassToDates(); } }); }); // Инициализируем средства выбора даты с помощью события изменения $('.input .date').each(function() { вар inputId = $(this).attr('id'); вар $input = $('#' + inputId); $input.datepicker({ // Другие параметры выбора даты... onChangeMonthYear: функция (год, месяц, инст) { updateCustomClasses(); } }).on('change', updateCustomClasses); }); }); функция updateCustomClasses() { let inputContainer = $('.input.kn-custom-calendar-confirmation- period'); если (inputContainer.length > 0) { let periodValue = parseInt(inputContainer.data(' periodValue'), 10); пусть periodType = inputContainer.data(' periodType'); addCustomClassToDates (периодValue, periodType); } еще { удалитьCustomClassToDates(); } } функция addCustomClassToDates( periodValue, periodType) { вар currentDate = новая дата(); // Получаем сегодняшнюю дату вар endDate = вычислениеEndDate(currentDate, periodValue, periodType); // Вычисляем дату окончания $("#ui-datepicker-div .ui-datepicker-calendar tbody td").each(function() { var tdDate = $(this).data('year') + '-' + ($(this).data('month') + 1) + '-' + $(this).text().trim( ); tdDate = новая дата (tdDate); if (tdDate > currentDate && tdDate
Я пытаюсь динамически добавить класс к числу «td» в средстве выбора даты пользовательского интерфейса jQuery на основе значений « periodValue» и « periodType».
У меня возникли серьезные проблемы с реализацией метода добавления класса «ваш-пользовательский-класс» к количеству x дней непосредственно после текущего дня.
Например, если сегодня 29.12.2023 [29], то в моем закодированном примере следующие 5 дней должны иметь класс «ваш-пользовательский-класс». Итак, это будет: 30.12.2023, 31.12.2023, 01.01.2024, 01.02.2024 и 01.03.2024.
$(document).ready(function() { пусть periodValue = 5; пусть periodType = d; $('.input .date').each(function() { $(this).on('click', function() { пусть inputContainer = $(this).closest('.input'); if (inputContainer.hasClass('kn-custom-calendar-confirmation- period')) { addCustomClassToDates (периодValue, periodType); } еще { удалитьCustomClassToDates(); } }); }); // Инициализируем средства выбора даты с помощью события изменения $('.input .date').each(function() { вар inputId = $(this).attr('id'); вар $input = $('#' + inputId); $input.datepicker({ // Другие параметры выбора даты... onChangeMonthYear: функция (год, месяц, инст) { updateCustomClasses(); } }).on('change', updateCustomClasses); }); }); функция updateCustomClasses() { let inputContainer = $('.input.kn-custom-calendar-confirmation- period'); если (inputContainer.length > 0) { let periodValue = parseInt(inputContainer.data(' periodValue'), 10); пусть periodType = inputContainer.data(' periodType'); addCustomClassToDates (периодValue, periodType); } еще { удалитьCustomClassToDates(); } } функция addCustomClassToDates( periodValue, periodType) { вар currentDate = новая дата(); // Получаем сегодняшнюю дату вар endDate = вычислениеEndDate(currentDate, periodValue, periodType); // Вычисляем дату окончания $("#ui-datepicker-div .ui-datepicker-calendar tbody td").each(function() { var tdDate = $(this).data('year') + '-' + ($(this).data('month') + 1) + '-' + $(this).text().trim( ); tdDate = новая дата (tdDate); if (tdDate > currentDate && tdDate
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Есть ли способ заставить средство выбора даты jQuery работать без лет?
Anonymous » » в форуме Jquery - 0 Ответы
- 13 Просмотры
-
Последнее сообщение Anonymous
-