0

我以前使用的是 Datepicker.js，现在我改用 datetimepicker，也称为 tempus dominus。

我关闭了输入和 div，还更改了 CDN 脚本和 JS 脚本功能，但我遇到了一些问题。

我的网站在模式中显示输入字段和日历图标，但是当我单击图标时，它不会显示日历来选择日期和时间。

另外，我使用它来预先填充一个显示到期日期的数组值，因此在有多个具有到期日期的项目的情况下，我需要为每个项目显示日期时间选择器，因此我可能有一个选择器，或者我可能有多个。

有没有某种方法我应该改变它，不仅让我的日历加载，而且让它适用于多个实例？

<head>
<script src="https://cdn.jsdelivr.net/npm/gijgo@1.9.6/js/gijgo.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/locale/af.js" type="text/javascript"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js" type="text/javascript" > 
</script>
</head>

<h6>Set New Expiration: </h6>
<div class="input-group date" id="datetimepicker1" data-target-input="nearest">
  <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1"/>
    <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
      <div class="input-group-text"><i class="fa fa-calendar"></i></div>
    </div>
</div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"></script>
<script type="text/javascript">
  $(function () {
      $('#datetimepicker1').datetimepicker();
  });
</script>
4

0 回答 0