Javascript 我希望jquery日期选择器将默认日期从超链接更改为文本
我有一个超链接,比如说2016年2月14日,我希望datepicker选择的默认日期作为当前日期更改为超链接中的文本。我试过这样的方法:Javascript 我希望jquery日期选择器将默认日期从超链接更改为文本,javascript,jquery,date,Javascript,Jquery,Date,我有一个超链接,比如说2016年2月14日,我希望datepicker选择的默认日期作为当前日期更改为超链接中的文本。我试过这样的方法: $("#myid").datepicker("setDate", document.getelementbyID(id of datepicker).innerHTML); 请查看小提琴以了解更多细节。任何帮助都将不胜感激 然而,我的实际超链接是: <a href="#"><h3>2015<br>December 15&l
$("#myid").datepicker("setDate", document.getelementbyID(id of datepicker).innerHTML);
请查看小提琴以了解更多细节。任何帮助都将不胜感激
然而,我的实际超链接是:
<a href="#"><h3>2015<br>December 15</h3></a>
为了简单起见,我在上面用mm/dd/yyyy格式记录了一个日期。尝试使用下面的命令
$('#hiddenDate').datepicker('setDate', $("#pickDate").text());
您的代码中几乎没有错误。我修改了它们 JS:
$(function() {
$('#hiddenDate').datepicker({
changeYear: 'true',
changeMonth: 'true',
startDate: '01/01/1985',
firstDay: 1
});
$('#pickDate').click(function(e) {
var hyper = document.getElementById("pickDate"); // id should be in quote
$("#hiddenDate").datepicker("setDate", new Date(hyper.innerHTML)); //Selector was incorrect and you need to parse the date.
$('#hiddenDate').datepicker("show");
e.preventDefault();
});
});
您忘了在JSFIDLE中包含jQuery库
演示:
所有jQuery选项:
$('#pickDate').click(function(e) {
$("#hiddenDate").datepicker("option", "defaultDate", $(this).text());
$('#hiddenDate').datepicker("show");
e.preventDefault();
});
只要$(this).text()
中的日期是日期选择器使用的格式,就不需要对其进行解析,您可以按原样使用它
我甚至在datepicker文档中看不到
setDate
,所以我使用了选项defaultDate…
包括js,它在上面指定的fiddlelike中提供了datepicker