Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.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
Javascript 引导datetimepicker中的左箭头键错误_Javascript_Css_Twitter Bootstrap_Bootstrap Datetimepicker - Fatal编程技术网

Javascript 引导datetimepicker中的左箭头键错误

Javascript 引导datetimepicker中的左箭头键错误,javascript,css,twitter-bootstrap,bootstrap-datetimepicker,Javascript,Css,Twitter Bootstrap,Bootstrap Datetimepicker,我在我的龙卷风项目中使用。我在“引导v3中的示例”中尝试了该示例,结果很好。但当我在tornado项目中使用它时,出现了一个bug: 单击日历按钮 单击左箭头键 再次单击左箭头键 第一次单击按钮时,我将其设置为“年份视图”。当我点击左箭头时,它应该会变为其他年份,但它会转到mouts视图。然后我再次单击左箭头,它将转到days视图。这种方式并不总是性能错误,有时效果很好。我不知道是什么问题 我的代码如下: <meta charset='utf-8'> <html> <

我在我的龙卷风项目中使用。我在“引导v3中的示例”中尝试了该示例,结果很好。但当我在tornado项目中使用它时,出现了一个bug:

单击日历按钮

单击左箭头键

再次单击左箭头键

第一次单击按钮时,我将其设置为“年份视图”。当我点击左箭头时,它应该会变为其他年份,但它会转到mouts视图。然后我再次单击左箭头,它将转到days视图。这种方式并不总是性能错误,有时效果很好。我不知道是什么问题

我的代码如下:

<meta charset='utf-8'>
<html>
<head>
<title>USTC Club</title>
<meta name='viewport' content='width=device-width,initial-scale=1.0'>
<link href='http://localhost:8888/static/bootstrap.min.css' rel='stylesheet' type='text/css'>
<script src='http://localhost:8888/static/jquery-2.1.1.min.js'></script>
<script src='http://localhost:8888/static/bootstrap.min.js'></script>
</head>
<body>
<link href='http://localhost:8888/static/bootstrap-datetimepicker.min.css' rel='stylesheet' type='text/css' media='screen'>
<form action='/setting' method='post' class='well form-horizontal col-md-8' enctype='multipart/form-data'>
<div class='form-group'>
<label class='col-md-2 control-label'>birthday</label>
<div class="input-group date form_date" data-date="" data-date-format="dd MM yyyy" data-link-format="yyyy-mm-dd">
<input type='text' name='birth' class="form-control" value="03 七月 1980" size='16' readonly>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
<button type='submit' class='btn btn-danger'>submit</button>
</form>
<script src='http://localhost:8888/static/bootstrap-datetimepicker.min.js' charset='utf-8'></script>
<script src='http://localhost:8888/static/bootstrap-datetimepicker.zh-CN.js' charset='utf-8'></script>
<script>
$('.form_date').datetimepicker({
language: 'zh-CN',
weekStart: 0,
todayBtn: 0,
autoclose: 0,
todayHighlight: 1,
startView: 4,
minView: 2,
forceParse: 0
});
</script>
</body>
</html>

科大俱乐部
生日
提交
$('.form_date').datetimepicker({
语言:“zh CN”,
周开始:0,
今日电话:0,,
自动关闭:0,
今日亮点:1,
startView:4,
minView:2,
强制解析:0
});
所有JS和CSS文件都位于我的localhost:8888服务器的路径“/static”中。我测试了当html文件在本地找到JS和CSS文件时,日历工作得很好。例如

<link href='http://localhost:8888/static/bootstrap.min.css' rel='stylesheet' type='text/css'>

变成

<link href='bootstrap.min.css' rel='stylesheet' type='text/css'>


,日历很好用。为什么呢

根据github上的这一点,这种行为是由bootstrap-datetimepicker.js文件的headTemplateV3部分中的span引起的。将其更改为图标标签应该会对其进行排序。非常感谢!!就这样~