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

【问题标题】：Calendar change URL on select with jQuery UI datepicker使用 jQuery UI datepicker 选择日历更改 URL
【发布时间】：2013-10-22 20:46:42
【问题描述】：

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

index.php?date=2013-10-15

这是我正在使用的插件。

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

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

【问题讨论】：

嗯，我认为 jQuery 的 UI 很常见，每个人都知道它是什么。 :\

标签： jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

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

2) 在 datepicker (onSelect) 中选择日期后，您可以将 change 事件合并为 @T.J。克劳德在他的answer 中说。

你可以这样试试

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

【讨论】：

【解决方案2】：

试试这个：

$(function () {
    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function () {
            window.open(document.URL + '?date=' + this.value);
        }
    });
});

演示here

【讨论】：

非常好！但我选择了window.location.href，因为我正在重定向。

【解决方案3】：

我希望这将按照您的要求进行。

日期：

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

});

function myFunc(){
    var dateData = $("#datepicker").val();

    if(dateData != '' ){

        var url = "http://www.index.php?date="+ dateData ;
        window.open(url);

    }
}


</script>

<body>
<p>Date: <input type="text" id="datepicker" onchange="myFunc();" /></p>
</body>

【讨论】：