Выбор даты не работает должным образом?

Вы должны сначала вызвать Инициализировать сборщик дат на указанном элементе, а затем вызвать функцию, чтобы показать датупик в фокусе.

Хотя, там есть! Когда он показывает календарь на фокусе> вы выбираете дату>, элемент снова поднимет событие "focus". Таким образом, он будет продолжать появляться до тех пор, пока вы не перейдете вперед, используя вкладку или не щелкнув мышью в другом месте.

Вот вам решение:

var calendarShown = false;
// Initialize the date picker first

$('#datepicker').Zebra_DatePicker({    
    onSelect:function(){        
        calendarShown=false;
        $(this).data('Zebra_DatePicker').hide();
    }
});

// add an event listener to focus

$(document).on('focus','#datepicker',function(){    
    if(!calendarShown){
      $(this).data('Zebra_DatePicker').show();        
        calendarShown=true;
    }    
});

Чтобы избежать проблемы с появлением календаря снова и снова, я добавил переменную calendarShown. В каждом фокусе он проверяет, является ли переменная ложной и показывает календарь. On Select calendarShown снова становится ложным, поэтому в следующий раз, когда вы фокусируетесь, появляется всплывающее окно выбора даты.

Вот пример скрипки:

http://jsfiddle.net/sunnykumar08/Trr7D/

Надеюсь, поможет!