DateTime Picker - Responsive flat design

DateTime Picker  is a responsive flat design jQuery DateTime Picker plugin for Web & Mobile 

DateTime Picker is a quick highly customizable jQuery plugin. The design is clutter free & well suited for embedding it into mobile application development.

Users can change values using +/- buttons or type values directly into the textbox by selecting each value fields.

For web, picker can be binded relative to reference element, were it will appear at the bottom of the element. For mobile, the picker can appear as a dialog box covering entire window.

Browser Support

• Chrome, Firefox, Safari, Opera, IE 9+
• Android 2.3+, iOS 6+, Windows Phone 8

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: curioussolutions.github.io

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" type="text/css" href="../src/DateTimePicker.css" />
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../src/DateTimePicker.js"></script>

2. HTML

<!--  Date Input  --> 
<p>Date : </p>
<input type="text" data-field="date" readonly>
	
<!--  Time Input  -->
<p>Time : </p>
<input type="text" data-field="time" readonly>
	
<!--  DateTime Input  -->
<p>DateTime : </p>
<input type="text" data-field="datetime" readonly>
	
<div id="dtBox"></div>

3. JAVASCRIPT

$(document).ready(function()
{
   $("#dtBox").DateTimePicker();
});

4. OPTIONS

 function(date) 
{
  return date.dayShort + ", " + date.month + " " + date.dd + ", " + date.yyyy;
};
							

5. HTML5 DATA ATTRIBUTES

6. FUNCTION LIST