wdmg/bootstrap-datepicker-plugin
Composer 安装命令：
composer require wdmg/bootstrap-datepicker-plugin
包简介
A date/time picker plugin for Bootstrap 3
README 文档
README
Date and time picker plugin for Bootstrap framework
Installation
$ npm install bootstrap-datepicker-plugin
$ bower install bootstrap-datepicker-plugin
$ yarn add bootstrap-datepicker-plugin
$ composer require bootstrap-datepicker-plugin
Usage example
For example use the input-group:
<div class="form-group">
<label class="control-label">Datetime:</label>
<div id="datepicker" class="input-group">
<input type="text" class="form-control" name="some-datetime" value="2019-01-21 22:06:54">
<span class="input-group-btn">
<button type="button" class="btn btn-default">
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
</button>
</span>
</div>
</div>
... and init from script:
<script type="text/javascript">
$(document).ready(function () {
$('#datepicker').datepicker({
format: 'YYYY/MM/DD',
...
});
});
</script>
Options
| Name | Type | Default | Description |
|---|---|---|---|
| format | string | 'DD/MM/YYYY' | Default format of date/time. |
| className | string | '.datepicker' | Class name of input group. |
| input | string | '.form-control' | Selector or jQuery object of input. |
| toggle | string | '.input-group-btn > button' | Selector of datepicker popover toggle. |
| placement | string | 'auto' | Default placement of popover. |
| template | string | <div class="popover popover-datepicker" role="tooltip"...></div> |
Popover template. |
| daysStrings | array | [{'short': 'Mon', 'full': 'Monday'}, ...] | Days of week, starting on Monday. |
| monthsStrings | array | [{'short': 'Jan', 'full': 'January'}, ...] | Months, starting on January. |
| debug | boolean | false |
Flag if need debug in console log. |
Support formats
| Format |
|---|
| DD/MM/YYYY HH/mm/ss |
| DD/MM/YYYY HH:mm:ss |
| DD.MM.YYYY HH/mm/ss |
| DD.MM.YYYY HH:mm:ss |
| DD-MM-YYYY HH/mm/ss |
| DD-MM-YYYY HH:mm:ss |
| YYYY/MM/DD HH/mm/ss |
| YYYY/MM/DD HH:mm:ss |
| YYYY.MM.DD HH/mm/ss |
| YYYY.MM.DD HH:mm:ss |
| YYYY-MM-DD HH/mm/ss |
| YYYY-MM-DD HH:mm:ss |
| MM/DD/YYYY HH:mm:ss |
| DD/MM/YYYY |
| DD.MM.YYYY |
| DD-MM-YYYY |
| YYYY/MM/DD |
| YYYY.MM.DD |
| YYYY-MM-DD |
| MM/DD/YYYY |
| HH/mm/ss |
| HH:mm:ss |
Methods
| Name | Type | Description |
|---|---|---|
| onShow | function | The function that is called when the datepicker popover is ready to be displayed. |
| onShown | function | The function that is called when the datepicker popover is displayed. |
| onHide | function | The function that is called when datepicker popover to prepare for hiding. |
| onHidden | function | The function that is called when the datepicker popover is hidden. |
| onGetPrev | function | The function that is called when you select the previous month or year. |
| onGetNext | function | The function that is called when you select the next month or year. |
| onSetValue | function | The function that is called when the date is selected. Sets new date value to input. |
Status and version
- v.1.1.1 - Fix init datetime val()
- v.1.1.0 - Plugin in progress development
统计信息
- 总下载量： 11
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 1
- 点击次数： 3
- 依赖项目数： 0
- 推荐数： 0
其他信息
- 授权协议： MIT
- 更新时间： 2019-01-22