jQuery UI 日期选择器 : Is there a way to display leading zeros in the dialog?

Question

我需要在 jQuery UI 日期选择器中显示前导零:

例如，

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 事件 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/