【发布时间】：2015-06-17 23:07:23
【问题描述】：
我正在尝试在手风琴中显示开始和结束时间 DateTimePicker。选择日期后，输入文本字段中不会显示任何内容。如果我删除“手风琴” div，一切正常。如果我删除“ul”标签，其中一个 datePickers 会出现在手风琴中并且可以工作，另一个在它之外并且不起作用。
有人对如何解决这个问题有任何想法吗？
这是我的html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DateTimePicker</title>
<script src="lib/jquery/jquery-2.0.2.min.js"></script>
<script src="lib/jquery/jquery-ui-1.10.3.min.js"></script>
<script src="lib/bootstrap.min.js"></script>
<script src="lib/bootstrap-datetimepicker.min.js"></script>
<script src="lib/moment.min.js"></script>
<link rel="stylesheet" href="lib/bootstrap-combined.min.css">
<link rel="stylesheet" href="lib/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="lib/jquery/jquery-ui-themes-1.11.4/themes/smoothness/jquery-ui.css">
<script async type="application/dart" src="datetimepicker.dart"></script>
<script async src="packages/browser/dart.js"></script>
<link rel="stylesheet" href="datetimepicker.css">
</head>
<body>
<div id="accordion">
<div>
<h3 class="filter-heading">Time Filter</h3>
<ul class="filter-list" style="list-style-type: none; padding: 5px;">
<div id="datetimepicker" class="input-append">
<div class="well">
<input id="startTimeInput" type="text" class="input" data-format="dd/MM/yyyy hh:mm:ss" />
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
</div>
<div id="datetimepicker1" class="input-append">
<div class="well">
<input id="endTimeInput" type="text" class="input" data-format="dd/MM/yyyy hh:mm:ss" />
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
</div>
</ul>
</div>
</div>
<script>
$(function () {
$('#datetimepicker').datetimepicker({
pick12HourFormat: true
});
});
</script>
<script>
$('#datetimepicker1').datetimepicker({
pick12HourFormat: true
});
</script>
</body>
</html>
<script>
$(function() {
$( "#accordion" ).accordion({
heightStyle: "content",
header: "h3",
collapsible: true,
active: false});
});
</script>
【问题讨论】：
-
无论如何您都可以在 Fiddle 或 Plunker 中重新创建您的场景？
标签： html twitter-bootstrap dart accordion bootstrap-datetimepicker