2010-12-02 74 views
9

任何人都可以推荐一个简单的日期选择日历,我可以使用博客链接到不同的网址而不是表单?基于jquery或css会很好。当点击next/prev month时,我不希望它重新加载页面。简单的DatePicker-like日历

回答

16

jQuery用户界面有很大的日期选择器 你可以在这里找到它

http://jqueryui.com/demos/datepicker/

可以使用

http://jqueryui.com/demos/datepicker/#event-onSelect

,使自己的行为时的日期拾取

,如果你想让它在没有表单的情况下打开,你可以创建一个表单这是隐藏的,然后点击事件绑定到像这样

$("button").click(function() { 
    $(inputselector).datepicker('show'); 
}); 
+1

借调;一般来说jQuery UI非常棒。会+1,但没有票。 – 2010-12-02 06:43:48

+0

以及它的思想计数^^ – Breezer 2010-12-02 06:46:55

1

this datepicker是优良的解决方案。如果你想避免代码注入,datepickers是必须的。

2

不需要包含JQuery或任何其他第三方库。

在标题标签中指定输入日期格式。

HTML:

<script type="text/javascript" src="http://services.iperfect.net/js/IP_generalLib.js"> 

身体

<input type="text" name="date1" id="date1" alt="date" class="IP_calendar" title="d/m/Y">