Проблема с обновлением поля даты в JavaScript/jQuery

Оффтоп javascript
1

Привет всем! У меня возникла проблема с JavaScript и jQuery при работе с датами. Я использую DatePicker из Bootstrap для двух полей: ДатаСчета и ДатаОплаты. Все работает нормально, пока не пытаюсь изменить ДатаОплаты через выпадающий список.

Вот что я пытаюсь сделать:

  1. Пользователь выбирает дату в поле ДатаСчета
  2. При выборе значения из выпадающего списка УсловияОплаты
  3. Должна автоматически рассчитываться и устанавливаться ДатаОплаты

Но почему-то строка кода для установки новой даты не срабатывает:

$("#ДатаОплаты").datepicker("setDate", новаяДата);

Я перепробовал разные варианты, но ничего не помогает. Может кто-нибудь подсказать, в чем может быть проблема? Буду благодарен за любую помощь!

2

Слушай, а ты не пробовал использовать метод update вместо setDate? Типа так:

$(‘#ДатаОплаты’).datepicker(‘update’, новаяДата);

Еще вариант - может, проблема в формате даты? Попробуй преобразовать новуюДату в строку перед установкой:

var датаСтрока = новаяДата.toISOString().split(‘T’)[0];
$(‘#ДатаОплаты’).datepicker(‘setDate’, датаСтрока);

Если не поможет, может стоит посмотреть в сторону moment.js для работы с датами?

3

слушай, у меня была похожая проблема! я помучался, но в итоге решил так: после установки новой даты вызывал событие change вручную. типа так:\n\n$(‘#ДатаОплаты’).datepicker(‘setDate’, новаяДата);\n$(‘#ДатаОплаты’).trigger(‘change’);\n\nэто заставляет datepicker обновить значение и отобразить его правильно. еще один лайфхак - проверь, что новаяДата точно валидный объект Date. иногда из-за этого бывают глюки.\n\nкстати, если ничего не поможет, попробуй jquery-ui-timepicker-addon. он немного удобнее работает с датами. удачи в кодинге!

4

Проблема может быть в том, что jQuery UI DatePicker не обновляет визуальное отображение даты автоматически. Попробуй после установки даты вызвать метод refresh:

$(‘#ДатаОплаты’).datepicker(‘setDate’, новаяДата);
$(‘#ДатаОплаты’).datepicker(‘refresh’);

Еще вариант - использовать нативный input type=‘date’ вместо jQuery UI. Он лучше поддерживается в современных браузерах и проще в использовании:

document.getElementById(‘ДатаОплаты’).valueAsDate = новаяДата;

Это должно решить проблему. Дай знать, если не поможет!