jquery ui datetimepicker – Simple date/time picker component

jquery ui datetimepicker is tied to a standard form input field. It plugin for date, time, or datetime manipulation in form.

jquery ui datetimepicker : DatePicker with time : TimePicker [jQuery UI]

The timepicker addon adds a timepicker to jQuery UI Datepicker : Customizable Time Picker For jQuery UI Datepicker

Options

  • endDate: Infinity // set a maximum date
  • maskInput: true, // disables the text input mask
  • pick12HourFormat: false, // enables the 12-hour format time picker
  • pickDate: true, // disables the date picker
  • pickSeconds: true, // disables seconds in the time picker
  • pickTime: true, // disables de time picker
  • startDate: -Infinity, // set a minimum date

Complete sample markup

index.html



  
    
    
  
  
    

The magic line :

$('#date_begin,#date_end').datetimepicker(); 

Don’t forget the style in head part:


    

Don’t Miss : Datetimepicker Jquery Example With Code

I hope you get an idea about jquery ui datetimepicker.
I would like to have feedback on my infinityknow.com.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Leave a Comment