使用 jQuery UI datepicker 选择日历更改 URL
Posted
技术标签:
【中文标题】使用 jQuery UI datepicker 选择日历更改 URL【英文标题】：Calendar change URL on select with jQuery UI datepicker 【发布时间】：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 很常见，每个人都知道它是什么。 :\ 【参考方案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>
【讨论】：
以上是关于使用 jQuery UI datepicker 选择日历更改 URL的主要内容，如果未能解决你的问题，请参考以下文章
使用 Jquery UI Datepicker 重定向到 URL：根据所选日期更改 URL 值
jQuery UI datepicker：虽然我使用 strtotime，但显示 1969
jQuery datepicker - 在初始化后更改 .ui-datepicker-calendar 的显示