当前位置: 代码迷 >> Web前端 >> jquery datepicker 日期中文化时,年跟月显示在两行
  详细解决方案

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

热度:569   发布时间:2012-11-06 14:07:00.0
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

?

?

?

  相关解决方案