Search code examples
javascriptjqueryasp.net-mvc-3datetimepickertimepicker

Jquery timepicker addon not working correctly


I have this code in my view (JS):

$("#mydivelement").timepicker();

Instead of only timepicker, it displays datetimepicker. I have datepicker defaults set in Layout page if it matters:

$.datepicker.setDefaults({
        dateFormat: 'dd/mm/yy',
        yearRange: '1930:2012',
        changeYear: true,
        changeMonth: true,
        autoSize: true,
        showAnim: 'slideDown',
        firstDay: 1
    });

Update: Used Library- jquery-ui-timepicker-addon.js


Solution

  • You are missing to add {} to inside of .timepicker()

    Jquery

    $(function() {
        $( "#mydivelement" ).datepicker({
         dateFormat: 'dd/mm/yy',
            yearRange: '1930:2012',
            changeYear: true,
            changeMonth: true,
            autoSize: true,
            showAnim: 'slideDown',
            firstDay: 1
        });
        $('#timepicker').timepicker({}); // it shows only timepicker without datepicker
    });
    

    jsFiddle example