單擊日期選擇器中的日期時重定向到新頁面

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'