Html Jquery ui日期选择器上一个按钮不工作
jQuery UI datepicker previous按钮工作不正常,甚至在与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/
-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.无法选择星期日星期一星期二的日期