0

我在我的龙卷风项目中使用bootstrap-datetimepicker 。我尝试了“bootstrap v3 中的示例”折叠中的示例,它运行良好。但是当我在我的龙卷风项目中使用它时,它发生了一个错误:

第一的 单击日历按钮

第二 单击左箭头键

第三再次单击左箭头键

第一次单击按钮时,我将其设置为年视图。当我单击左箭头时,它应该会更改为其他年份,但它会进入嘴巴视图。然后我再次单击左箭头,它转到天视图。这种方式并不总是表现错误,有时效果很好。我不知道是什么问题。

我的代码如下:

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

,日历运行良好。这是为什么?

4

0 回答 0