Datepicker 中文本地化后样式问题

Datepicker

中文本地化后样式问题

 

Datepicker

中文化后，设置

ChangeMonth、changeYear为true
后，样式会出现不兼容问题。



 

解决方案：

 

在官方提供的jquery-ui-1.7.2.custom.css中，需要修改的地方是：

 

 

.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }  

.ui-datepicker select.ui-datepicker-month-year {width: 100%;}  

.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 .ui-datepicker-title select {font-size:1em; margin:1px 0; }     

.ui-datepicker select.ui-datepicker-month-year {width: 100%;}     

.ui-datepicker select.ui-datepicker-month{margin-left:4px;}

.ui-datepicker select.ui-datepicker-month{ width: 40%;vertical-align:top;}

.ui-datepicker select.ui-datepicker-year { width: 43%;vertical-align:top;}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: left; }     

ui-datepicker-title{vertical-align:middle;}