The best place to find jQuery plugins !

Welcome on myjqueryplugins,

the best jquery plugins library !

Add your jQuery plugin.

Connect it with GitHub and create your plugin Homepage.

Make known your plugin to the community or link it to your own website !

DateTimePicker : jQuery plugin select date and time

Tags :

Plugin rate :

DateTimePicket jQuery plugin : Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms.

 

You can see all options at : http://xdsoft.net/jqplugins/datetimepicker/

Implementation: 

Includes

1
2
3
<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.js"></script>

HTML

1
<input id="datetimepicker" type="text" >

Javascript

1
$('#datetimepicker').datetimepicker();
Options: 
value
String
Current value datetimepicker. If it is set, ignored input.value
timepicker
Boolean
Default : true - Visible timepicker
datepicker
Boolean
Default : true - visible datepicker
Screenshots
  • DatePicker

  • TimePicker

  • DateTimePicker

Comments

how to close datepicker when I selected a day

just click on empty place. :)

go to datetimepicker.js file and change the closeOnDateSelect: false to closeOnDateSelect: true; use this to automatically close the datepicker when selected any day

How do i fix the time as 5 minutes of intervals?

I have example working just copy and paste and please include js and css..

http://interviewhelpvs.blogspot.in/2016/06/create-datetimepicker.html

Add new comment

To prevent automated spam submissions leave this field empty.

Plain text

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <p> <br> <br />

Informations

jQuery
>= 1.7
Current version
1.0.1
Browsers compatibility
Google ChromeIE 9Mozilla FirefoxOperaSafari
Fork it on github Comments [5]