jQueryのUI日付ピッカーの出力日付形式

Question

私はインラインのjQuery UI日付ピッカーを持っており、コード、フォーマットをカスタマイズし、出力日付で探す必要があります：

<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); 
     } 

    }); 

}); 

それは動作しますが、＃で日付がスタート-出力Iは、日付形式を持っています「dd M yy」ではなく「dd m yy」である。どのように月に必要な出力形式を設定できますか？ また、ページの読み込み後に＃date-start-output現在の日付を表示する必要があります。私は "beforeShow"イベントを試していますが、 "onSelect"イベントと一緒には動作しません。

ありがとうございました。

Answer 1

onSelectイベントハンドラの最初のパラメータは、テキストとして選択された日付です。それはHTMLタグで動作するわからない

$(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); 
     } 
    }); 
}); 

を：初期化中に指定されているよう 私はあなたが特別なフォーマットが必要な場合は、あなたが試すことができ

が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); 
     } 
    }); 
}); 

を参照してください、それがフォーマットされるだろうと思いますしかし、