Question

jQuery UI datepicker上一个按钮无法正常工作，甚至有些日子与-webkit-backface-visibility: hidden;一起使用时无法点击

否则，当正常使用jQuery UI datepicker时，它可以正常工作。

<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>

Answer 1

我似乎工作正常。

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

jsfiddle.net/VQwJN /

如果您遇到任何问题，请详细说明。

Jquery ui datepicker上一个按钮不起作用

1 个答案: