本文说明了jQuery计划管理控件glDatePicker的用法。分享给大家参考，如下：

我接触过一个名为FullCalendar的日程管理控件，它功能非常强大，可以列出日常事件，还可以选择编辑和自定义自己的日历。然而，有时，我们只需要在我们的网页上有一个简单的日历，它很小但很实用，突出显示预定日期，跳跃日期，可选日期和其他基本功能。这个时候，FullCalendar太大了，所以我有一个glDatePicker。

先看效果：

橙色表示当前选定的日期，蓝色表示今天的日期，绿色表示特使的日期，可以理解为预定日期。颜色名称的描述可能不准确，不要深究。另外，从最后两张图可以看出，可以跳转到指定日期。

这个控件有多个外观，所以您只需要选择看起来不错的相应css文件，这是本例中的默认样式。

该控件还可以设置哪些日期是可选的，哪些不是，捆绑数据，监视点击事件和鼠标悬停，等等。

需要注意的一点是，这个控件是一个datePicker控件，它通常需要被其他页面元素触发，也就是说这个控件经常跟在一个输入后面，但是现在需要的是日程管理，而不是日期选择，所以我们不需要其他控件。在这里，我用一种非常原始的方式来解决，那就是写一个空div，把它的宽度设为200px，高度设为0，然后设置。

以下是使用控件的快速方法：

link href=' gldatepicker . default . CSS ' rel=' external nofollow ' rel='样式表' type=' text/CSS '/脚本类型=' text/JavaScript ' src=' http : jquery-1 . 9 . 1 . js '/脚本脚本类型=' text/JavaScript ' src=' http : gldatepicker . min . js '/script body div id=' test '/div/body # test { width : 200 PP高度： 0；} $ (function () {$ ('# test '))。GL DatePicker({始终显示3360 true，//始终显示，或者可以通过单击文本框来触发。当纯日期选取器使用//downames 3360[' day '，' one '，' two '，' three '，' four '时。//monthNames: ['一月'，'二月'，'三月'，'四月'，'五月'，'六月'，'七月'，'八月'，'九月'，'十月'，'十一月'，'十二月'，data : JSON Object//JSON Object数据，可根据需要设计}]，onclick 3360函数(目标、单元格、日期、数据){//todo } })；})specialDates是时间表的关键参数。我们只是从数据库中读取数据，并根据预定的格式将数据发送到控件。该值是一个列表，可以有多个计划。然后是onclick事件方法的编译，可以弹出窗口，打开网页等等。

本文主要介绍其进度管理的应用，忽略了其他参数的解释。更多说明和演示，请移至官网。

PS:这里我们推荐几个时间和日期相关的工具，供大家参考：

在线日期/天数计算器：http://tools.jb51.net/jisuanqi/date_jisuanqi

在线日期计算器/差异天数计算器：http://tools.jb51.net/jisuanqi/datecalc

在线日期和天数差异计算器：http://tools.jb51.net/jisuanqi/onlinedatejsq

Unix时间戳转换工具：http://tools.jb51.net/code/unixtime

更多对jQuery感兴趣的读者可以查看本网站主题：《jQuery日期与时间操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》、《jQuery常用插件及用法总结》、0103010

希望本文对大家的jQuery程序设计有所帮助。