239 lines
5.2 KiB
HTML
Executable File
239 lines
5.2 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>jQuery DateTimePicker - Responsive flat design jQuery DateTime Picker plugin for Web & Mobile</title>
|
|
|
|
<style>
|
|
|
|
*
|
|
{
|
|
-webkit-box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
-o-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
html, body
|
|
{
|
|
background:#FFFFFF;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.jumbotron
|
|
{
|
|
background: #FFFFFF;
|
|
padding-top: 30px;
|
|
padding-bottom: 20px;
|
|
|
|
text-align: center;
|
|
font-size: 21px;
|
|
font-weight: 200;
|
|
|
|
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
}
|
|
|
|
.doc-header
|
|
{
|
|
color: #FF3B30;
|
|
font-size: 50px;
|
|
|
|
margin-top: 20px;
|
|
margin-bottom: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.1;
|
|
}
|
|
|
|
.doc-description
|
|
{
|
|
color: #22313F;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.acc-container
|
|
{
|
|
width:90%;
|
|
margin:30px auto;
|
|
-webkit-border-radius:8px;
|
|
-moz-border-radius:8px;
|
|
-o-border-radius:8px;
|
|
border-radius:8px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.acc-container a
|
|
{
|
|
display: block;
|
|
width:100%;
|
|
margin:0 auto;
|
|
padding:10px 15px;
|
|
cursor:pointer;
|
|
background:#F8F8F8;
|
|
border-bottom:1px solid #EAEAEA;
|
|
|
|
text-decoration: none;
|
|
color: #666666;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.acc-container a:hover
|
|
{
|
|
color: #A82626;
|
|
}
|
|
|
|
.acc-container a p
|
|
{
|
|
color: #A82626;
|
|
font-size: 60%;
|
|
}
|
|
|
|
.footer
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.footer a
|
|
{
|
|
color: #FF3B30;
|
|
}
|
|
|
|
.footer a:hover
|
|
{
|
|
color: #F2382E;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="jumbotron">
|
|
|
|
<h2 class="doc-header">DateTimePicker</h2>
|
|
|
|
<p class="doc-description">Responsive flat design jQuery DateTime Picker plugin for Web & Mobile</p>
|
|
|
|
</div>
|
|
|
|
<div class="acc-container">
|
|
|
|
<a href="BasicExamples-InputText.htm">
|
|
Basic Usage of DateTimePicker with <input type="text">
|
|
</a>
|
|
|
|
<a href="BasicExamples-InputHTML5.htm">
|
|
Basic Usage of DateTimePicker with <input type="date"> or <input type="time"> or <input type="datetime">
|
|
<p>* This does not work in IE versions less than 9</p>
|
|
</a>
|
|
|
|
<a href="BasicExamples-NonInputElement.htm">
|
|
Basic Usage of DateTimePicker without <input type="text">
|
|
</a>
|
|
|
|
<a href="BasicExamples-CustomEvent.htm">
|
|
Show DateTimePicker on Event other than focus of Input Field
|
|
</a>
|
|
|
|
<a href="BasicExamples-HumanDateFormatting.htm">
|
|
Show DateTimePicker with a custom DateFormat in the DateTimePicker Header
|
|
</a>
|
|
|
|
<a href="BasicExamples-MinuteInterval.htm">
|
|
Increment/Decrement minutes with given Interval.
|
|
</a>
|
|
|
|
<a href="BasicExamples-SecondsInterval.htm">
|
|
Increment/Decrement seconds with given Interval.
|
|
</a>
|
|
|
|
<a href="Format-DataAttributes.htm">
|
|
DateFormat, TimeFormat or DateTimeFormat specified as a Data Attributes
|
|
</a>
|
|
|
|
<a href="Format-Parameters.htm">
|
|
DateFormat, TimeFormat or DateTimeFormat specified as Plugin Parameters
|
|
</a>
|
|
|
|
<a href="Format-Both.htm">
|
|
DateFormat, TimeFormat or DateTimeFormat specified as Plugin Parameters as well as Data Attribute. In this case, Data Attribute has a higher priority.
|
|
</a>
|
|
|
|
<a href="Format-MonthYear.htm">
|
|
"MM yyyy", "MMM yyyy" and "MMMM yyyy" formats.
|
|
</a>
|
|
|
|
<a href="PeriodRange-DataAttributes.htm">
|
|
Maximum and Minimum Date, Time or DateTime can be specified as Data Attribute
|
|
</a>
|
|
|
|
<a href="PeriodRange-Parameters.htm">
|
|
Maximum and Minimum Date, Time or DateTime can be specified as Plugin Parameter
|
|
</a>
|
|
|
|
<a href="PeriodRange-Both.htm">
|
|
Maximum and Minimum Date, Time or DateTime can be specified as Plugin Parameter and Data Attribute. In this case, Data Attribute has a higher priority.
|
|
</a>
|
|
|
|
<a href="PeriodRange-MinToday.htm">
|
|
Set Today As Minimum Date
|
|
</a>
|
|
|
|
<a href="StartEnd-DataAttributes.htm">
|
|
Start and End Date, Time and DateTime fields can be specified as Data Attribute
|
|
</a>
|
|
|
|
<a href="ViewPopup-Parameters.htm">
|
|
DateTimePicker Popup View specified as Parameter
|
|
</a>
|
|
|
|
<a href="ViewDropdown-Parameters.htm">
|
|
DateTimePicker Dropdown View specified as Parameter
|
|
</a>
|
|
|
|
<a href="View-DataAttributes.htm">
|
|
DateTimePicker View specified as HTML5 Custom Data Attribute
|
|
</a>
|
|
|
|
<a href="View-BasedOnDocumentWidth.htm">
|
|
DateTimePicker View selected based on Document Width
|
|
</a>
|
|
|
|
<a href="View-Inline.htm">
|
|
DateTimePicker Inline View
|
|
</a>
|
|
|
|
<a href="Internationalization.htm">
|
|
Internationalization
|
|
</a>
|
|
|
|
<a href="Internationalization-German.htm">
|
|
Internationalization German
|
|
</a>
|
|
|
|
<a href="SetValueInInput.htm">
|
|
Set Value In Input Field
|
|
</a>
|
|
|
|
<a href="AngularJS/BasicDatePicker-AngularJS.htm">
|
|
DateTimePicker with Angular JS
|
|
</a>
|
|
|
|
<a href="Events-TouchHold.htm">
|
|
Increment/Decrement with hold of Increment/Decrement buttons for touch devices
|
|
</a>
|
|
|
|
<a href="Events-MouseHold.htm">
|
|
Increment/Decrement with hold of Increment/Decrement buttons
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="footer">This project is maintained by <a class="btn-link" href="https://github.com/nehakadam">Neha Kadam</a></div>
|
|
|
|
</body>
|
|
|
|
</html>
|