jquery - jQuery UI datepicker:ダイアログに先行ゼロを表示する方法はありますか?

Question

jQuery UI の datepicker で先行ゼロを表示する必要があります。

例えば、

1 2 3 4 5 6 7 8 9 10->01 02 03 04 05 06 07 08 09 10

これと同様の質問:

http://forum.jquery.com/topic/displaying-leading-zero-for-day-numbers-of-datepicker

多分誰かが回避策を持っていますか？

Answer 1

これが私のハックソリューションです。できます！:)

CSS と JavaScript を組み合わせて使用​​できます。このアプローチで利用できるdatepickerイベントが 1 つあります。beforeShowDay

CSS:

.ui-datepicker-calendar td.zero a:before {
    content: "0";
}​

JavaScript:

$("input").datepicker({
    beforeShowDay : function(date) {
        var day = date.getDate();
        return [true, (day < 10 ? "zero" : "")];
    }
});

デモ: http://jsfiddle.net/vZ7wm/

Answer 2

このためには、daterpicker プラグインをハックする必要があります。

_generateHTMLメソッドを取得します。後

for (var dow = 0; dow < 7; dow++) {// 日付ピッカー日を作成します

このコードを配置

var customgetDate = printDate.getDate();
if(customgetDate<=9){
 customgetDate= '0'+ customgetDate;
}

次に、この " " を見つけて、 printDate.getDate() + '</a>') これを次のように置き換えます。

 customgetDate + '</a>') 

それで全部です.....

Answer 3

時代遅れの受け入れられた答え。次のようにする必要があります。

$('#fromDate, #toDate').datepicker({
    dateFormat : 'yymmdd'
});

Answer 4

月の数字の先行ゼロを表示するには? 多分このようなもの：

<script type="javascript/text">
$(document).ready(function() {
    $(".cssselector").datepicker({ dateFormat: 'dd/mm/yy' });
});
</script>