[英]How to redirect page using targetURL with my datepicker
I am tweaking with Twisty's script - Using Jquery UI Datepicker to redirect to URL: Change URL value based on the selected date我正在使用 Twisty 的脚本进行调整 - 使用 Jquery UI Datepicker to redirect to URL: Change URL value based on the selected date value
I am trying let user click on a date which will be redirect to a page according to the date selected.我正在尝试让用户单击一个日期,该日期将根据所选日期重定向到页面。
If user click on 18 January it should be redirected to datpicker.com/18-01-2022.如果用户点击 1 月 18 日,它应该被重定向到 datpicker.com/18-01-2022。 If the date 22 March is selected it should go to datpicker.com/22-03-2022.
如果选择了 3 月 22 日,则应将 go 发送至 datpicker.com/22-03-2022。
But I am getting this alert - Redirect to undefined, no matter how I tweaked the script.但是我收到了这个警报——无论我如何调整脚本,都重定向到未定义。 Hence, I would appreciate your help.
因此,我将感谢您的帮助。 Thank you.
谢谢你。
Pick a date:选择一个日期:
<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>
window.open('https://www.abdo-host.com', '_blank');
or或者
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);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.