日历插件：
创新互联建站专业为企业提供延川网站建设、延川做网站、延川网站设计、延川网站制作等企业网站建设、网页设计与制作、延川企业网站模板建站服务，10年延川做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
在页面开发中，经常遇到需要用户输入日期的操作。通常的做法是，提供一个文本框，让用户输入，然后，编写代码验证输入的数据，检测其是否是日期型。这样比较麻烦，同时，用户输入日期的操作也不是很方便，影响用户体验。如果使用jQuery UI 中的datepicker日历插件，这些问题都可以迎刃而解。该插件调用的语法格式如下：
$(".selector").datepicker(options);
其中".selector" 表示DOM元素，一般指文本框，由于该插件的作用是提供日期选择，因此，常与一个文本框绑定，将选择后的日期显示在该文本框中。选项options是一个对象。
下面是一些参数：
changeMonth 设置一个布尔值，如果为true,则可以在标题处出现一个下拉选择框，可以选择月份，默认值为false
changeYear 设置一个布尔值，如果为true,则可以在标题处出现一个下拉选择框，可以选择年份，默认值为false
showButtonPanel 设置一个布尔值，如果为true, 则在日期的下面显示一个面板，其中有两个按钮；一个为“今天”，另一个按键为“关闭”，默认值为false,表示不显示。
closeText 设置关闭按钮上的文字信息，这项设置的前提是，showButtonPanel的值必须为true,否则显示不了效果。
dateFormat 设置显示在文本框中的日期格式，可设置为{dateFormat:'yy-mm-dd'},表示日期的格式为 年－月－日，如2012-10-1.
defaultDate 设置一个默认日期值，如{defaultDate:+7}, 表示，弹出日期选择窗口后，默认的日期是在当前日期加上7天
showAnim 设置显示弹出或隐藏日期选择窗口的方式。可以设置的方式有，“show"、"slideDown"、"fadeIn“，或者为"", 表示没有弹出日期选择窗口的方式。
showWeek 设置一个布尔值，如果为true,则可以显示每天对应的星期，默认值为false
yearRange 设置年份的范围，如{yearRange:'2000:2010'},表示年份下拉列表框的最小值为2000年，最大值为2010年，默认值为c-10;c+10,当前年份的前后10年。
给这个日历元素用JS添加一个页面加载时hide隐藏属性，当点击日历标签时候，再显示show，移开mouseout隐藏hide，或者移动上去显示mouseover
[img]你好，jquerydatepicker 插件只能显示日期，jquery ui中有三个日期插件，分别显示时间和日期，你可以参考
input type="text" id="datetime" name="datetime" value="" /
$("#datetime").datetimepicker(); // 日期+时分秒
$("#datetime").datepicker(); // 日期
$("#datetime").timepicker(); // 时分秒
希望可以帮助到你
如上面朋友所说，将它们放进一个div盒子里，div的宽高与文本框相等，日历用绝对定位，这样应该可行；
适当延时下日历隐藏的时机，如在鼠标离开文本框时，弹出一个定时器（定时隐藏日历），如果鼠标进入文本框或者进入日历时，取消定时器；
当鼠标离开文本框或者日历时，再次触发定时器；
当点击日历中的日期或者点击非日历/文本框部分时，立即隐藏日历；
input size="16" type="text" value="" readonly class="form_time"
script type="text/javascript"
$('.form_time').datetimepicker({
format: 'yyyy-mm-dd',
language: 'en',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0
});
/script
$('.form_time').datetimepicker({ format: 'yyyy-mm-dd', language: 'en', weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, forceParse: 0 });