Datetimepicker在电子应用程序中无法正常工作

时间:2019-06-29 21:21:09

标签: electron eonasdan-datetimepicker

我正在开发电子桌面应用程序。我是新来的。我使用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();
});

enter image description here

0 个答案:

没有答案
相关问题