jquery datepicker 日期中文化时,年和月显示在两行

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

 

 

 

你可能感兴趣的:(jquery,UI,css)