欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

 

 

 

相关标签: jQuery UI CSS