Question

我在龙卷风项目中使用bootstrap-datetimepicker。我在折叠“bootstrap v3中的样本”中尝试了样本，并且它工作正常。但是当我在龙卷风项目中使用它时，它出现了一个错误：

first 点击日历按钮

second 点击左箭头键

thrid 再次点击左箭头键

首次点击按钮时，我将其设置为年份视图。当我单击左箭头时，它应该改变到其他年份，但它会进入嘴部视图。然后我再次点击左箭头，进入日视图。这种方式并不总是性能错误，有时效果很好。我不知道是什么问题。

我的代码如下：

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

所有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'>

，日历效果很好。这是为什么？

bootstrap-datetimepicker中的左箭头键错误

0 个答案: