如何在Jquery Datepicker中显示Year Dropdown first和Month dropdown 2nd

时间:2013-03-20 10:15:28

标签: jquery html jquery-ui

我正在使用jquery Ui datepicker,:

如何在Jquery Datepicker中显示年度下拉列表月份下拉列表

我想展示这样的东西:

enter image description here

3 个答案:

答案 0 :(得分:2)

您只需添加选项showMonthAfterYear:true

即可

jQuery('input[name=calender]').datepicker({
     changeYear:true,
     changeMonth:true,
     showMonthAfterYear:true
});

答案 1 :(得分:1)

已编辑:

没有直接的解决方案,但您可以将其添加到您的CSS

.ui-datepicker-month{
    float: right !important;
}

我相信它会做到这一点

答案 2 :(得分:0)

我认为你必须改变格式。

所以改变这个(默认)

$( ".selector" ).datepicker({ altFormat: "yy-mm-dd" });
如果你没有指明这个,那么

。将其添加到您的代码中。

$( ".selector" ).datepicker({ altFormat: "dd-mm-yy" });

初始化后获取或设置altFormat选项:

// getter
var altFormat = $( ".selector" ).datepicker( "option", "altFormat" );

// setter
$( ".selector" ).datepicker( "option", "altFormat", "yy-mm-dd" );

如此处所述 http://api.jqueryui.com/datepicker/#option-altFormat

您可以使用themeroller更改主题:

http://jqueryui.com/themeroller/