Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Jquery ui日期选择器上一个按钮不工作_Html_Jquery Ui_Css - Fatal编程技术网

Html Jquery ui日期选择器上一个按钮不工作

Html Jquery ui日期选择器上一个按钮不工作,html,jquery-ui,css,Html,Jquery Ui,Css,jQuery UI datepicker previous按钮工作不正常,甚至在与-webkit backface visibility:hidden一起使用时,有时甚至无法单击该按钮 否则,当jQueryUIDatePicker正常使用时,它可以正常工作 <head> <title>Check Windows</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/

jQuery UI datepicker previous按钮工作不正常,甚至在与
-webkit backface visibility:hidden一起使用时,有时甚至无法单击该按钮

否则,当jQueryUIDatePicker正常使用时,它可以正常工作

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

检查窗口
$(函数(){
$(“#日期选择器”).datepicker();
});
* 
{ 
框大小:边框框;
边距:0;填充:0;
}
框架
{   
高度:300px;
宽度:400px;
浮动:左;
}
.square:悬停。鳍状肢
{
-webkit变换:旋转(180度);
-ms变换:旋转(180度);
}
.鳍状肢
{
-webkit转换:所有0.6s;
-webkit变换样式:保留-3d;
}
.前面,.后面
{
高度:300px;
宽度:400px;
-webkit背面可见性:隐藏;
-ms背面可见性:隐藏;
位置:绝对位置;
}
返回
{
-webkit变换:旋转(180度);
-webkit变换:旋转(180度);
}
.f1
{
高度:300px;
宽度:400px;
背景色:FF1D77;
字体:普通32px连环漫画Sans MS;
文本对齐:居中;
}
.b1
{
高度:300px;
宽度:400px;
}
.ui日期选择器
{  
高度:300px;
宽度:400px;
}


鼠标悬停以查看日历
我似乎工作得很好

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

jsfiddle.net/VQwJN/


如果您面临任何问题,请详细说明。

1。“上个月”按钮不起作用。2.无法选择星期日星期一星期二的日期