单击日期选择器中的日期时重定向到新页面

Question

单击图像时，我写了一个打开日期选择器的代码：
这是屏幕截图：


这是代码：
HTML

<div style="position: absolute; top: 127px; left: 31px;">Click
            on image to enter period start date:</div>

        <img src='./img/calendar.png' id="datepickerImage"
            style="position: absolute; top: 160px; left: 126px; height: 75px;" />  

javascript

$(document).ready(function() {
                $("#datepicker").datepicker({
                    changeMonth : true,
                    changeYear : true,
                }).hide().click(function() {
                    $(this).hide();
                });

                $("#datepickerImage").click(function() {
                    $("#datepicker").show();
                });

            });  

日期选择器成功打开。 单击日期选择器上的任何日期时，我希望将其重定向到下一页。 我该怎么做？

Answer 1

   $('#datepicker').datepicker({
                changeMonth : true,
                changeYear : true,
            }).on('changeDate', function (e) {
       window.open("yourURL", "_self");
   });
   $("#datepickerImage").click(function() {
                $("#datepicker").show();
            });
        });

有关window.open的更多信息，请点击此处http://www.w3schools.com/jsref/met_win_open.asp

Answer 2

使用onSelect方法。

onSelect类型：Function（）选择日期时的回调函数。 该函数接收日期文本和日期选择器实例作为参数。

正如@Learner在小提琴中的评论中提到的那样。

并重定向使用window.location.href与完整的URL。

window.location.href= 'http://www.google.com'