JQuery UI日期选择器:创建链接触发器日期选择器
JQuery UI日期选择器:创建链接触发器日期选择器
提问于 2010-02-04 18:01:49
我使用的是JQuery的UI日期选择器：http://jqueryui.com/demos/datepicker/
在此处实现：
http://www.clients.eirestudio.net/old/
我想使用一个链接作为触发器，但我不能让它工作。
下面是我的代码：
// JQuery UI
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
maxDate: '0m 0d',
minDate: new Date(2000, 1 - 1, 1),
dateFormat: 'dd-mm-yy'
});
<p class="clearfix hidden">
<input id="" class="input float datepicker" type="input" name="" value="" />
<a class="calendar ui-icon ui-icon-calendar">Date</a>
<span class="mid-info">To</span>
<input id="" class="input datepicker" type="input" name="" value="" />
<a class="calendar" href="#">Date</a>
</p>有什么想法吗？
回答 7
Stack Overflow用户
回答已采纳
发布于 2010-02-04 18:34:12
这可能对其他人有帮助。
我最终让它与JQuery UI一起工作。
代码如下：
$(".date-pick").datepicker({
changeMonth: true,
changeYear: true,
maxDate: '0m 0d',
minDate: new Date(2000, 1 - 1, 1),
dateFormat: 'dd-mm-yy',
showOn: 'button',
buttonImage: 'http://www.example.com/elements/images/calendar.png',
buttonImageOnly: true
});并且我将datepicker id改为date-pick类
Stack Overflow用户
发布于 2011-03-07 15:36:50
您可以像我在this fiddle中所做的那样
HTML：
<a href="#" id="toggleDP">Toggle</a>JS：
var $dp = $("<input type='text' />").hide().datepicker({
onSelect: function(dateText, inst) {
$("body").append("<div>Selected "+dateText+"</div>");
}
}).appendTo('body');
$("#toggleDP").button().click(function(e) {
if ($dp.datepicker('widget').is(':hidden')) {
$dp.show().datepicker('show').hide();
$dp.datepicker("widget").position({
my: "left top",
at: "right top",
of: this
});
} else {
$dp.hide();
}
//e.preventDefault();
});Stack Overflow用户
发布于 2011-12-01 03:55:46
我只是在我的应用程序中很容易地解决了这个问题--如果你的datepicker打开了一个文本字段，你也可以使用这个解决方案。我为图标添加了一个$('#date_field').focus()链接。单击该图标，文本字段将获得焦点，并触发日期选择器打开。瞧。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2198741
复制相关文章
相似问题