Question

我需要在jQuery UI datepicker中显示前导零：

如，

1 2 3 4 5 6 7 8 9 10 - ＆gt; 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" : "")];
    }
});

DEMO： 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

显示月份数的前导零？也许是这样的：

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

Answer 4

过时接受的答案。应该是：

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

jQuery UI datepicker：有没有办法在对话框中显示前导零？

4 个答案: