JQuery UI DatePicker выходной формат даты

Question

У меня есть встроенный jQuery UI DatePicker и мне нужно настроить формат и внешний вид выходной даты, код:

<div id="date-start"></div>
<div class="date start" id="date-start-output"></div>

$(function(){
    // Datepicker
    $('#date-start').datepicker({
        inline:true,            
        showOtherMonths: true,
        altField: "#date-start-value",
        altFormat: "dd M yy",
        dateFormat: "dd M yy",
        onSelect: function(){
            var day1 = $("#date-start").datepicker('getDate').getDate();                 
            var month1 = $("#date-start").datepicker('getDate').getMonth() + 1;             
            var year1 = $("#date-start").datepicker('getDate').getFullYear();               
            var str_output = "<b>" + day1 + "</b><span>" + month1 + "<br />" + year1 + "</span>";
            $('#date-start-output').html(str_output);
        }

    }); 

});

Это работает, но в # date-start-output у меня есть формат даты не как "ddМгг "но как" дд мгг ".Как установить необходимый формат вывода на месяц?Также мне нужно показать в # date-start-output текущую дату после загрузки страницы, я пытаюсь вызвать событие beforeShow, но оно не работает вместе с событием onSelect для меня.

Спасибо.

Answer 1

Первый параметр обработчика события onSelect - это выбранная дата в виде текста.Я думаю, это будет отформатировано, как указано во время инициализации

См. http://jqueryui.com/demos/datepicker/#event-onSelect

$(function(){
    // Datepicker
    $('#date-start').datepicker({
        inline:true,            
        showOtherMonths: true,
        altField: "#date-start-value",
        altFormat: "dd M yy",
        dateFormat: "dd M yy",
        onSelect: function(dateText){
            $('#date-start-output').html(dateText);
        }
    }); 
});

Если вам нужно специальное форматирование, вы можете попробовать:

$(function(){
    // Datepicker
    $('#date-start').datepicker({
        ...
        onSelect: function(){
            var dateText = $.datepicker.formatDate("<b>dd</b><span>M<br />yy</span>", $(this).datepicker("getDate"));
            $('#date-start-output').html(dateText);
        }
    }); 
});

Неуверен, что он будет работать с тегами HTML, хотя