jquery datepicker 日期中文化时,年和月显示在两行
程序员文章站
2022-06-07 12:28:25
...
datepicker语言本地化时,年和月不在同一行
datepicker中的设置
$("#birth").datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true, showMonthAfterYear: true });
将datepicker.css中以下代码
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right;
}
改为
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 47%;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: left;
}
从中可以看出区别,主要时因为在设置了
showMonthAfterYear: true
后 year的float被设置为了right,所以始终看不到月在年后的效果,应改为left