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事件组合为@ T.J。克劳德在他的answer中说。

您可以尝试这样

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

Answer 2

试试这个：

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

演示here

Answer 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>

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

3 个答案:

演示here