我正在使用JQuery的UI datepicker:
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>
有任何想法吗?
解决方法
你可以像我在
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(); });