# Project : bootstrap-datetimepicker
======================================
[![Build Status](https://travis-ci.org/smalot/bootstrap-datetimepicker.png?branch=master)](https://travis-ci.org/smalot/bootstrap-datetimepicker)
[Homepage](http://www.malot.fr/bootstrap-datetimepicker/)
[Demo page](http://www.malot.fr/bootstrap-datetimepicker/demo.php)
# Project forked
This project is a fork of [bootstrap-datepicker project](https://github.com/eternicode/bootstrap-datepicker).
# Home
As 'bootstrap-datepicker' is restricted to the date scope (day, month, year), this project aims to support too the time picking (hour, minutes).
# Screenshots
## Decade year view
![Datetimepicker decade year view](https://raw.github.com/smalot/bootstrap-datetimepicker/master/screenshot/standard_decade.png)
This view allows to select the day in the selected month.
## Year view
![Datetimepicker year view](https://raw.github.com/smalot/bootstrap-datetimepicker/master/screenshot/standard_year.png)
This view allows to select the month in the selected year.
## Month view
![Datetimepicker month view](https://raw.github.com/smalot/bootstrap-datetimepicker/master/screenshot/standard_month.png)
This view allows to select the year in a range of 10 years.
## Day view
![Datetimepicker day view](https://raw.github.com/smalot/bootstrap-datetimepicker/master/screenshot/standard_day.png)
This view allows to select the hour in the selected day.
## Hour view
![Datetimepicker hour view](https://raw.github.com/smalot/bootstrap-datetimepicker/master/screenshot/standard_hour.png)
This view allows to select the preset of minutes in the selected hour.
The range of 5 minutes (by default) has been selected to restrict buttons quantity to an acceptable value, but it can be overrided by the <code>minuteStep</code> property.
## Day view - meridian
![Datetimepicker day view meridian](https://raw.github.com/smalot/bootstrap-datetimepicker/master/screenshot/standard_day_meridian.png)
Meridian is supported in both the day and hour views.
To use it, just enable the <code>showMeridian</code> property.
## Hour view - meridian
![Datetimepicker hour view meridian](https://raw.github.com/smalot/bootstrap-datetimepicker/master/screenshot/standard_hour_meridian.png)
# Example
Attached to a field with the format specified via options:
```html
<input type="text" value="2012-05-15 21:05" id="datetimepicker">
```
```javascript
$('#datetimepicker').datetimepicker({
format: 'yyyy-mm-dd hh:ii'
});
```
Attached to a field with the format specified via markup:
```html
<input type="text" value="2012-05-15 21:05" id="datetimepicker" data-date-format="yyyy-mm-dd hh:ii">
```
```javascript
$('#datetimepicker').datetimepicker();
```
As component:
```html
<div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
<input size="16" type="text" value="12-02-2012" readonly>
<span class="add-on"><i class="icon-th"></i></span>
</div>
```
```javascript
$('#datetimepicker').datetimepicker();
```
As inline datetimepicker:
```html
<div id="datetimepicker"></div>
```
```javascript
$('#datetimepicker').datetimepicker();
```
# Using bootstrap-datetimepicker.js
Call the datetimepicker via javascript:
```javascript
$('.datetimepicker').datetimepicker()
```
## Dependencies
Requires bootstrap's dropdown component (`dropdowns.less`) for some styles, and bootstrap's sprites (`sprites.less` and associated images) for arrows.
A standalone .css file (including necessary dropdown styles and alternative, text-based arrows) can be generated by running `build/build_standalone.less` through the `lessc` compiler:
```bash
$ lessc build/build_standalone.less datetimepicker.css
```
## Options
All options that take a "Date" can handle a `Date` object; a String formatted according to the given `format`; or a timedelta relative to today, eg '-1d', '+6m +1y', etc, where valid units are 'd' (day), 'w' (week), 'm' (month), and 'y' (year).
You can also specify an ISO-8601 valid datetime, despite of the given `format` :
* yyyy-mm-dd
* yyyy-mm-dd hh:ii
* yyyy-mm-ddThh:ii
* yyyy-mm-dd hh:ii:ss
* yyyy-mm-ddThh:ii:ssZ
### format
String. Default: 'mm/dd/yyyy'
The date format, combination of p, P, h, hh, i, ii, s, ss, d, dd, m, mm, M, MM, yy, yyyy.
* p : meridian in lower case ('am' or 'pm') - according to locale file
* P : meridian in upper case ('AM' or 'PM') - according to locale file
* s : seconds without leading zeros
* ss : seconds, 2 digits with leading zeros
* i : minutes without leading zeros
* ii : minutes, 2 digits with leading zeros
* h : hour without leading zeros - 24-hour format
* hh : hour, 2 digits with leading zeros - 24-hour format
* H : hour without leading zeros - 12-hour format
* HH : hour, 2 digits with leading zeros - 12-hour format
* d : day of the month without leading zeros
* dd : day of the month, 2 digits with leading zeros
* m : numeric representation of month without leading zeros
* mm : numeric representation of the month, 2 digits with leading zeros
* M : short textual representation of a month, three letters
* MM : full textual representation of a month, such as January or March
* yy : two digit representation of a year
* yyyy : full numeric representation of a year, 4 digits
### weekStart
Integer. Default: 0
Day of the week start. 0 (Sunday) to 6 (Saturday)
### startDate
Date. Default: Beginning of time
The earliest date that may be selected; all earlier dates will be disabled.
### endDate
Date. Default: End of time
The latest date that may be selected; all later dates will be disabled.
### daysOfWeekDisabled
String, Array. Default: '', []
Days of the week that should be disabled. Values are 0 (Sunday) to 6 (Saturday). Multiple values should be comma-separated. Example: disable weekends: `'0,6'` or `[0,6]`.
### autoclose
Boolean. Default: false
Whether or not to close the datetimepicker immediately when a date is selected.
### startView
Number, String. Default: 2, 'month'
The view that the datetimepicker should show when it is opened.
Accepts values of :
* 0 or 'hour' for the hour view
* 1 or 'day' for the day view
* 2 or 'month' for month view (the default)
* 3 or 'year' for the 12-month overview
* 4 or 'decade' for the 10-year overview. Useful for date-of-birth datetimepickers.
### minView
Number, String. Default: 0, 'hour'
The lowest view that the datetimepicker should show.
### maxView
Number, String. Default: 4, 'decade'
The highest view that the datetimepicker should show.
### todayBtn
Boolean, "linked". Default: false
If true or "linked", displays a "Today" button at the bottom of the datetimepicker to select the current date. If true, the "Today" button will only move the current date into view; if "linked", the current date will also be selected.
### todayHighlight
Boolean. Default: false
If true, highlights the current date.
### keyboardNavigation
Boolean. Default: true
Whether or not to allow date navigation by arrow keys.
### language
String. Default: 'en'
The two-letter code of the language to use for month and day names. These will also be used as the input's value (and subsequently sent to the server in the case of form submissions). Currently ships with English ('en'), German ('de'), Brazilian ('br'), and Spanish ('es') translations, but others can be added (see I18N below). If an unknown language code is given, English will be used.
### forceParse
Boolean. Default: true
Whether or not to force parsing of the input value when the picker is closed. That is, when an invalid date is left in the input field by the user, the picker will forcibly parse that value, and set the input's value to the new, valid date, conforming to the given `format`.
### minuteStep
Number. Default: 5
The increment used to build the hour view. A button is created for each <code>minuteStep</code> minutes.
### pickerReferer : deprecated
String. Default: 'defau
猰貐的新时代
- 粉丝: 1w+
- 资源: 3018
最新资源
- LabView实现压力、温度、液位等多参数模拟量信号的采集与数据处理,图表展示及Excel存储功能,labview 数据采集和处理~ 包括压力,温度,液位,转速,扭矩等模拟量信号的采集,和数据处理~图
- C#上位机手机APP监控西门子PLC S7-1200:起重机维护的智能化解决方案,包含全套源代码与实用功能,数据库、语音报警与数据报表齐全 ,C#上位机 APP监控西门子PLC S7-1200 1
- 西门子S7-威纶通触摸屏一拖三恒压供水全套图纸程序设计方案,一拖三恒压供水全套图纸程序 威纶通触摸屏 西门子s7- ,核心关键词:一拖三恒压供水; 全套图纸程序; 威纶通触摸屏; 西门子s7
- CO2激光切割与雕刻控制系统:STM32F407主控,C#上位机全功能源码,支持多种操作与图形处理功能,co2激光切割机控制系统上位机C#源码,stm32f407控制板源码,可用于雕刻机,切割机,写字
- 双头旋铆机程序:信捷XD5与威纶触摸屏编写,成熟可靠,高借鉴价值,详细注释,双头旋铆机程序 采用信捷XD5和威纶触摸屏编写 此程序已经实际设备上批量应用,程序成熟可靠,借鉴价值高,程序有注释
- 增材制造SLM粉床数值模拟详解:从建模到后处理,涉及多种软件与热学参数解析,增材制造选区激光熔化SLM的粉床数值模拟 1该模拟资料包含粉床建立部分(EDEM,和Gambit软件)以及模型模拟部分Flo
- 汽车BCM程序源代码解析:涵盖内外灯光、雨刮、遥控等系统,适合汽车电路研究爱好者学习参考,汽车BCM程序源代码,国产车BCM程序源代码,喜好汽车电路控制系统研究的值得入手 外部灯光:前照灯、
- 基于长短期记忆网络(LSTM)的时间序列预测算法matlab代码实现(适用于Matlab 2018版本及以上),基于长短期记忆网路(LSTM)的时间序列预测 matlab代码,要求2018版本及以上
- 基于K近邻算法(KNN)的数据分类预测实现-Matlab代码解析,基于K近邻算法(KNN)的数据分类预测 matlab代码 ,核心关键词:K近邻算法(KNN); 数据分类预测; Matlab代码
- C#上位机与PLC通讯源码揭秘:MC协议下的三菱PLC通讯实战指南,C#上位机与PLC通讯源码 C#与三菱PLC通讯MC协议 ,核心关键词:C#上位机;PLC通讯源码;C#与三菱PLC;MC协议;上位
- Simulink下的VIENNA三电平整流电路:双闭环滑模变结构控制策略与SVPWM驱动算法实现功率平衡及稳定输出电压电流,simulink的VIENNA三电平整流电路,采用双闭环滑模变结构控制策略
- 基于BP神经网络的时间序列预测算法实现与Matlab代码实践,基于BP神经网络的时间序列预测 matlab 代码 ,核心关键词:基于BP神经网络的时间序列预测; Matlab代码; 神经网络模型;
- 基于BP神经网络的数据分类预测算法详解-matlab代码实现,基于BP神经网络的数据分类预测 matlab 代码 这段程序是一个简单的神经网络模型,用于分类任务 下面我将对程序进行详细分析和解释
- 成熟的磁导航AGV设计方案:载重达一吨,涵盖原理图、PCB、BOM及STM32和上位机界面源码,技术方案磁导航AGV设计方案 此方案为市面上成熟的磁导航AGV设计方案,载重可达1吨,资料包括:原理
- 基于国产M0核MCU平台的风机量产程序与无感算法源码集:开源成熟项目,无感Foc成熟项目,代码全开源 学习观测器,锁相环,无感算法 基于国产M0核MCU平台, 风机量产程序,包含龙博格电机观测器,S
- 绿色清爽宠物门诊H5自适应网站模板 大气简洁宠物店兽医网站源码下载 pbootcms系统支持.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈