jQuery日期插件实现弹出选择框Datepicker效果
本文即将提到的日历日期选择弹出窗口都将帮助你简化用户操作，提高网站的用户体验和易用性。
本教程日期选择弹出窗口最终效果：
首先在jQuery官方UI页面中下载Datepicker插件.
假设我们需要在如下HTML代码中的文本输入框INPUT上（ID分别为"leavedate"和"returndate"的INPUT）绑定一个日期选择框：
然后与jQuery基库同时以外部链接的形式引入到你需要用到此功能页面的<head>标签区域中。如下： Tips:请注意，你需要首先引入jQuery基库（即jquery.js），然后才是jq.date.js文件。 使用Datepicker制作弹出日期框，不需要对原有HTML页面做任何形式的修改，因为它是以JavaScript的DOM形式动态绑定到INPUT标签上的。要实现将弹出框与上面实例中的文本输入框INPUT绑定，一行代码即可完成： Tips:如果你需要在实例的基础上进行修改，编写JS语句时请注意每个DIV层和INPUT空间ID的名称。 初始的日期选择效果是相当难看的，而且也非常不实用；我们需要进行美化和修改： 个性化设置 Datepicker的真正强大之处是它支持设计者按照自己的需求自行设置。我们将以三个步骤告诉大家如何对其进行自定义。
<script language="JavaScript" src="jquery.js"></script>
<script language="JavaScript" src="jq.date.js"></script>$('#trip input#leavedate').datepicker();
