我正在开发电子桌面应用程序。我是新来的。我使用gentelella bootstrap模板并开始对其进行自定义。 (我应该从头开始吗?会容易吗?)
我尝试在导航栏中添加日期时间选择器,但无法这样做。它显示不正确,这就是为什么我认为CSS无法正常工作。我正在分享我的工作。
我按照本论坛中许多建议的顺序添加了脚本和CSS。
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="node_modules/moment/min/moment.min.js"></script>
<script src="node_modules/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel=="stylesheet" href="node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
<div class='col-sm-4'>
<div class="form-group">
<div class='input-group date' id='myDatepicker'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
JS:
$(document).ready(function(){
$('#myDatepicker').datetimepicker();
});