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();
                });

            });

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

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。

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

单击datepicker中的日期时重定向到新页面

2 个答案: