Snippets are some JQuery plugins usage samples for datetimepicker datepicker and timepicker

datetimepicker_datepicker_and_timepicker_options.js

//DATE TIME SETUPS
// http://trentrichardson.com/
var serviceCallDate = $('#ServiceCallDate');
var completedDate = $('#CompletedDate');
var responseDate = $('#ResponseDate');
var checkedDate = $('#CheckedDate');


$('#ServiceCallDate').datetimepicker({
    altField: "#ServiceCallTime",
    timeFormat: 'hh:mm TT',
    dateFormat: 'mm/dd/yy',
    sliderAccessArgs: { touchonly: false },
    onSelect: function (selectedDateTime) {
        serviceCallDate.datetimepicker('option', 'maxDate', completedDate.datetimepicker('getDate'));
    },
    onClick: function () {
        serviceCallDate.datetimepicker('option', 'maxDate', completedDate.datetimepicker('getDate'));
    }
})



$('#ConditionTime,#CompletedTime,#TimeIn,#TimeOut,#ActionTime').timepicker({
    addSliderAccess: true,
    timeFormat: 'hh:mm TT',
    sliderAccessArgs: { touchonly: false }
});

$('#CompletedDate').datepicker({    
    dateFormat: 'mm/dd/yy',
    onClose: function (dateText, inst) {
        if (serviceCallDate.val() !== '') {
            var testStartDate = serviceCallDate.datetimepicker('getDate');
            var testEndDate = completedDate.datetimepicker('getDate');
            if (testStartDate >= testEndDate) {
                startDateTextBox.datetimepicker('setDate', testEndDate);
            }
        }
        else {
            serviceCallDate.val(dateText);
        }
    },
    onSelect: function (selectedDateTime) {
        completedDate.datetimepicker('option', 'minDate', serviceCallDate.datetimepicker('getDate'));
    }
});