标签：
cxCalendar 是基于 jQuery 的日期选择器插件。
它灵活自由，你可以自定义外观，日期的范围，返回的格式等。
jQuery cxCalendar v1.5
<script src="jquery.js"></script> <script src="jquery.cxcalendar.js"></script>// 需在引入 <script src="jquery.cxcalendar.js"></script> 之后，调用之前设置 $.cxCalendar.defaults.startDate = 1980; $.cxCalendar.defaults.language = { monthList: [‘Jan‘, ‘Feb‘, ‘Mar‘, ‘Apr‘, ‘May‘, ‘Jun‘, ‘Jul‘, ‘Aug‘, ‘Sep‘, ‘Oct‘, ‘Nov‘, ‘Dec‘], weekList: [‘Sun‘, ‘Mon‘, ‘Tur‘, ‘Wed‘, ‘Thu‘, ‘Fri‘, ‘Sat‘] }; | 名称 | 说明 |
|---|---|
| data-start-date | 起始日期 |
| data-end-date | 结束日期 |
| data-type | 日期类型 |
| data-format | 日期值格式 |
| data-position | 面板显示的位置 |
| data-wday | 星期开始于周几 |
| data-language | 自定义语言 |
※ data 属性设置的参数优先级要高于调用时参数设置的值
只需载入jquery.cxcalendar.languages.js，即可根据用户的语言环境，自动显示对应的语言。
| 名称 | 默认值 | 说明 |
|---|---|---|
| monthList | [‘1‘, ‘2‘, ‘3‘, ‘4‘, ‘5‘, ‘6‘, ‘7‘, ‘8‘, ‘9‘, ‘10‘, ‘11‘, ‘12‘] | 月份的名称。 |
| weekList | [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘] | 星期的名称。从星期日开始排序。 |
| holiday | [] | 节假日配置。 |
var Api; $(‘#element_id‘).cxCalendar(function(api){ Api = api; }); // 或者作为第二个参数传入 $(‘#element_id‘).cxCalendar({ type: ‘YYYY/M/D‘ }, function(api){ Api = api; });| 名称 | 说明 |
|---|---|
| show() | 显示面板 |
| hide() | 隐藏面板 |
| getDate(style) | 获取当前选择的日期（style 格式与参数 format 相同） |
| setDate(value) | 传入一个字符串来设置日期 |
| setDate(year, month, day) | 分别传入年、月、日来设置日期 |
| gotoDate(value) | 传入一个字符串来调整日期（只是显示面板变化，不会进行设置值） |
| gotoDate(year, month) | 分别传入年、月来调整日期（只是显示面板变化，不会进行设置值） |
| clearDate() | 清除日期值 |
| setOptions(opt) | 重新设置参数 |
| 基础示例 | 实例预览 |
| 选择日期和时间 | 实例预览 |
| 日期范围 | 实例预览 |
| 位置设定 | 实例预览 |
| 多语言和节假日 | 实例预览 |
| API接口 | 实例预览 |
标签：
原文地址：http://www.cnblogs.com/androidshouce/p/5589787.html
