jQuery UI的日期选择器上一个按钮不起作用

问题描述：

的jQuery UI的日期选择器前面的按钮不能正常工作，甚至有些天-webkit-backface-visibility: hidden;jQuery UI的日期选择器上一个按钮不起作用

否则使用时，当jQuery UI的日期选择器通常用于正常工作就无法点击。

<head> 
<title>Check Windows</title> 

<link rel="stylesheet" 
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />    
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 
<script> 
$(function() { 
$("#datepicker").datepicker(); 
}); 
</script> 
<style> 
* 
{ 
box-sizing: border-box; 
    margin: 0; padding: 0; 
    } 


.frame 
    { 
    height: 300px; 
    width: 400px; 
    float:left; 
    } 

    .square:hover .flipper 

    { 
    -webkit-transform: rotateY(180deg); 
    -ms-transform: rotateY(180deg); 
    } 


.flipper 
{ 
-webkit-transition:all 0.6s; 
-webkit-transform-style:preserve-3d; 
} 

.front, .back 
    { 

    height: 300px; 
    width: 400px; 
-webkit-backface-visibility: hidden; 
-ms-backface-visibility: hidden; 
position:absolute; 
} 

.back 

    { 
-webkit-transform: rotateY(180deg); 
-webkit-transform:rotateY(180deg); 
} 


.f1 
{ 
    height: 300px; 
    width: 400px; 
background-color:FF1D77; 
font:normal 32px Comic Sans MS; 
text-align:center; 
    } 

.b1 
{ 
    height: 300px; 
    width: 400px; 
} 
.ui-datepicker 
{ 
height: 300px; 
width: 400px; 
} 




</style> 



    <body> 

    <div class="frame square" 
     style="position: absolute; top: 0px; left:0px;margin:15px;"> 
    <div class="flipper"> 
    <div class="front f1"> 
    <div><br><br>Mouseover to see the Calendar</div> 
    </div> 
     <div class="back b1"> 
    <div id="datepicker"></div> 
    </div> 
    </div> 
     </div> 
    </body>

答

我似乎工作正常。

检查我创建的小提琴以使用上面提到的HTML。

jsfiddle.net/VQwJN/

如果你正面临的任何问题，他们请详细说明。

1.上个月按钮不起作用。 2.无法选择周日星期一星期二的星期几 – Ritz

jQuery UI的日期选择器上一个按钮不起作用

相关推荐