jQuery日程管理控件glDatePicker用法详解

<link href="glDatePicker.default.css" rel="external nofollow" rel="stylesheet" type="text/css"/>
<script type='text/javascript' src="/UploadFiles/2021-04-02/jquery-1.9.1.js">



#test{
 width: 200px;
 height: 0;
}






$(function () {
　　$('#test').glDatePicker(
　　{
 　　showAlways: true,  //一直显示，也可以点击文本框触发，当纯粹datePicker使用
　　　　//dowNames: ['日', '一', '二', '三', '四', '五', '六'],
　　　　//monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'], 汉化
 　　specialDates: [
  　　{
   　　date: new Date(2013, 9, 16),
   　　data: jsonObject //jsonObject数据，可以根据需要设计
  　　}
 　　],
 　　onClick: function(target, cell, date, data) {
  　　//TODO
 　　}
　　});
})




specialDates 就是日程安排的关键参数了，我们从数据库中读取数据，然后将这些数据按照预定的格式传给控件就行了，值是一个列表，可以有多个日程。然后就是 onclick 事件方法的编写了，可以弹窗啊，打开网页啊等等，看自己需要了。
这里主要介绍了它日程管理的应用，略过了其他参数的解释，更多使用说明和 Demo 请移步 官网。
PS：这里再为大家推荐几款时间及日期相关工具供大家参考使用：
在线日期/天数计算器：

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

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

http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix时间戳(timestamp)转换工具：

http://tools.jb51.net/code/unixtime
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery日期与时间操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。