Как обновить календарь Jquery с помощью переменной JS

Question

Я пытаюсь внедрить этот jQuery Календарь на мой сайт. У меня работает календарь, и все работает.

Я хочу иметь возможность изменять дату в календаре, когда пользователь нажимает одну из четырех кнопок:

• 1 час
• Завтра
• 1 неделя
• 2 недели

Когда пользователь нажимает кнопку, я бы хотел, чтобы календарь соответственно изменил дату. В календаре есть опция startDate, которую я могу использовать для этой цели, но я не могу вызвать ее.

Содержимое val = f.x. 2020-03-07 10:02

$.datetimepicker.setLocale('da');

$('#datetimepicker').datetimepicker({
  dayOfWeekStart: 1,
  lang: 'da',
  inline: true,
  scrollMonth: false,
  timepicker: false,
  startDate: new Date(document.getElementById('timeForAlert').value),
  onSelectDate: function() {
    userHasChosen();
  },
  onSelectTime: function() {
    userHasChosen();
  }
});

$('#datetimepicker4').datetimepicker({
  format: 'Y-d-m'
});

$('.some_class').datetimepicker();

function makeReadable(val) {
  var mydate = new Date(val);
  var hour = document.getElementById('hour').value;
  var minute = document.getElementById('minutes').value;
  var str = mydate.getFullYear() + '-' + ("0" + (mydate.getMonth() + 1)).slice(-2) + '-' + ("0" + mydate.getDate()).slice(-2) + ' ' + hour + ':' + minute + ':00';
  return str;
}

function oneday(val) {
  document.getElementById('datetimepicker').value = val;
  document.getElementById('timeForAlert').value = makeReadable(val);
  $.datetimepicker();
  stopReload();
}

Answer 1

Нашел решение вопроса в другом форуме.

Документация для этого скрипта ужасна!

Вот что мы нашли:

$(function() {
    $('#dt').datetimepicker({
        dayOfWeekStart: 1,
        lang: 'da',
        inline: true,
        scrollMonth: false,
        timepicker: false,
        startDate: new Date()
    });
});

$('#btn').click(function() {
    $('#dt').datetimepicker({
        value: new Date('2020-01-01T00:00:00Z')
    });
});

Запустите это с кнопки с id = btn и вы установлены