https://github.com/jiandaoyun/perfect-datetimepicker
A jQuery plugin for Date and Time Picker
https://github.com/jiandaoyun/perfect-datetimepicker
bootstrap datetime datetimepicker jquery jquery-plugin
Last synced: 6 months ago
JSON representation
A jQuery plugin for Date and Time Picker
- Host: GitHub
- URL: https://github.com/jiandaoyun/perfect-datetimepicker
- Owner: jiandaoyun
- License: mit
- Created: 2015-09-01T16:31:55.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2020-07-24T15:31:38.000Z (over 5 years ago)
- Last Synced: 2025-06-05T13:47:40.970Z (7 months ago)
- Topics: bootstrap, datetime, datetimepicker, jquery, jquery-plugin
- Language: JavaScript
- Homepage: http://jiandaoyun.github.io/Perfect-DateTimePicker/
- Size: 456 KB
- Stars: 43
- Watchers: 4
- Forks: 22
- Open Issues: 4
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Perfect-DateTimePicker
---
## A jQuery plugin for Date and Time Picker(基于jQuery的日期时间选择器)
**Demo:** [http://jiandaoyun.github.io/Perfect-DateTimePicker/](http://jiandaoyun.github.io/Perfect-DateTimePicker/)
### Features(特性)
0. Simple Interaction.(交互简单)
0. Concise Interface.(界面整洁)
0. Bootstrap Style.(类Bootstrap风格)
### Preview(预览图)
### API(接口)
* options(属性配置)
property(属性)type(类型)description(描述)
baseClsStringbase class(主样式)
languageString'zh'|'en'
viewModeString'YM'|'YMD'|'YMDHMS'|'HMS'
startDateDatestart date(起始日期)
endDateDateend date(结束日期)
dateDateinitial date(初始值)
firstDayOfWeekNumberthe first Day Of Week,0~6:Sunday~Saturday,default:0(指定每周的第一天，默认周日)
onDateChangeFunctiondate change event(日期修改事件)
onClearFunctionclear button click event(清除按钮事件)
onOkFunctionok button click event(确认按钮事件)
onCloseFunctionclose button click event(关闭按钮事件)
* APIs(调用接口)
function(方法)type(类型)parameters(参数)description(描述)
getValueFunction无获取当前日期对象
getTextFunctionformat(可选，日期格式，例如: 'YYYY-MM-DD HH:mm:ss')获取当前日期的文本格式
destroyFunction无销毁对象
elementObject无返回选择器的jQuery对象
$datetableObject无返回日期选择面板的jQuery对象
$monthtableObject无返回年月选择面板的jQuery对象
$timetableObject无返回时间选择面板的jQuery对象
### Example(代码示例)
```javascript
var picker = $('#demo1').datetimepicker({
date: new Date(),
viewMode: 'YMDHMS',
firstDayOfWeek: 0,
onDateChange: function(){
$('#date-text').text(this.getText());
},
onClose: function(){
this.element.remove();
}
});
console.log(picker.getText());
console.log(picker.getValue());
picker.element.hide();
```
### Compatible(浏览器兼容性)
IE8+
### License(协议)
[MIT license](https://github.com/jiandaoyun/Perfect-DateTimePicker/blob/master/LICENSE)