如何通过我的 datepicker 使用 targetURL 重定向页面

Question

我正在使用 Twisty 的脚本进行调整 - 使用 Jquery UI Datepicker to redirect to URL: Change URL value based on the selected date value

我正在尝试让用户单击一个日期，该日期将根据所选日期重定向到页面。

如果用户点击 1 月 18 日，它应该被重定向到 datpicker.com/18-01-2022。 如果选择了 3 月 22 日，则应将 go 发送至 datpicker.com/22-03-2022。

但是我收到了这个警报——无论我如何调整脚本，都重定向到未定义。 因此，我将感谢您的帮助。 谢谢你。

选择一个日期：

<script>
$(function() {
  function getDayOfYear(n) {
    var s = new Date(n.getFullYear(), 0, 0);
    var d = (n - s) + ((s.getTimezoneOffset() - n.getTimezoneOffset()) * 60 * 1000);
    var oneDay = 1000 * 60 * 60 * 24;
    var day = "00" + Math.floor(d / oneDay);
    return day.substr(-3);
  }

  var targetUrl;

  $("#datepicker")
    .datepicker({
      dateFormat: 'dd-mm-yy',
      onSelect: function(dateText) {
      datePicked = $.datepicker.parseDate('dd-mm-yy', dateText);
       dayPicked = getDayOfYear(datePicked);
       targetUrl  =  "https://datpicker.com/" + dayPicked;
        $(this).change();
      }
    })
    .change(function() {
      alert("Redirect to " + targetUrl);
      //window.location.href = targetUrl;
    });
});
</script>

Answer 1

window.open('https://www.abdo-host.com', '_blank');

或者

  var link = document.createElement("a");
  link.href = 'https://www.abdo-host.com';
  link.target = '_blank';
  var event = new MouseEvent('click', {
      'view': window,
      'bubbles': false,
      'cancelable': true
  });
  link.dispatchEvent(event);