jQuery UI daterange选择器数字格式

Question

是否可以添加＆＃34; 0＆＃34;在一个角色的数字前面？

即：1,2,3,4,5,6,7,8,9

成为：01,02,03,04,05,06,07,08,09

Answer 1

工作示例：http://jsfiddle.net/Gajotres/EHNab/

的JavaScript：

$(document).ready(function () {
    $('#datepicker').datepicker({
        beforeShowDay: function (date) {
            var dayOfMonth = date.getDate();
            if (dayOfMonth >= 1 && dayOfMonth <= 9) {
                return [true, 'ui-change-format', ''];
            }
            return [true, '', ''];
        }
    });
});

CSS：

.ui-change-format a::before { 
  content: "0";
}

Answer 2

我认为UI Datepicker中没有预定义的选项。您应该为此编写自定义代码：

我在beforeShow和onChangeMonthYear个事件上写了一些示例代码，试试这个：

$('#picker').datepicker({
    beforeShow: function (txt, inst) {
      setTimeout(function(){
         $("#ui-datepicker-div").find('table tr td[data-handler="selectDay"] > a').each(function(){
             if($(this).text().trim().length < 2){
               $(this).text("0" + $(this).text())
             }
         });            
      }, 100);
    },
    onChangeMonthYear: function (year, month, inst) {
      setTimeout(function(){
         $("#ui-datepicker-div").find('table tr td[data-handler="selectDay"] > a').each(function(){
             if($(this).text().trim().length < 2){
                $(this).text("0" + $(this).text())
             }
         });            
      }, 100);
    }
});

Working Example

Answer 3

有些工作可能会有所帮助，请参阅下文。

function addZero() {
    setTimeout(function () {
        $('.ui-state-default').each(function () {
            var t = $(this).text();
            if (t.length == 1) {
                $(this).text('0' + t);
            }
        });
    }, 10);
}
$('#datepicker').datepicker({
    onChangeMonthYear: addZero,
    beforeShow: addZero
});