如何使用JS变量更新Jquery日历

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的按钮运行此操作，即可设置