使用jQuery UI datepicker选择日历更改URL

Question

我正在使用jQuery UI选择器,我想知道当有人选择日期时它是否可能,它会自动将它们重定向到URL,如下所示:

index.php?date=2013-10-15

这是我正在使用的插件.

<script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
</script>

Date: <input type="text" id="datepicker" />

Answer 1

1)您需要的是window.location.href,用于重定向页面.您可以自定义打开窗口的方式.

2)一旦你在datepicker(onSelect)中选择了日期,就可以将这个change事件结合起来,就像@TJ Crowder在他的回答中所说的那样.

你可以这样试试

$("#datepicker")
    .datepicker({
      dateFormat: "yy-mm-dd",
      onSelect: function(dateText) {
        $(this).change();
      }
    })
    .change(function() {
      window.location.href = "index.php?date=" + this.value;
    });