Date Time Picker in jQuery and JavaScript

I have searching many websites for datetime pickers and have not found anything useful. I finally I found a jQuery and JavaScript Date Time Picker and it is very simple and attractive.

Link: https://github.com/eternicode/bootstrap-datepicker

So I have simplified and created a reusable control for this date time picker. Please find the attachment for it.

I have used the Ajax Update Panel in this article. So you can use this asynchronously in you project

Screenshots

DateTimePickerJS1.jpg
DateTimePickerJS2.jpg

DateTimePickerJS3.jpg
EXAMPLES

User Control Code

DateTimePickerJS4.jpg

Adding Date Time on Page

Register the user control in the page.

DateTimePickerJS5.jpg

Add the register control to the page.

DateTimePickerJS6.jpg

JavaScript Code

Date Format

$('.datepicker').datepicker({
    format: 'mm-dd-yyyy'
});

Language and Hours Format

$('#datetimepicker2').datetimepicker({

    language: 'en',

    pick12HourFormat: true

});

Pick Only Date Format
 

$('#datetimepicker3').datetimepicker({

    pickDate: false

});

Pick Only Time Format
 

$('#datetimepicker4').datetimepicker({

    pickTime: false

});



NOTE

  1. I have used the Update Panel in this article. So you can also use this with the Ajax Update panel.

  2. Hope this will useful in you code. Please provide the comments.


Up Next
    Ebook Download
    View all
    Learn
    View all