时间戳

首页 > 解决方案 > 日期时间选择器组件

javascript - 日期时间选择器组件

问题描述

$(function() {
  $('#datetimepicker1').datetimepicker();
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://www.jqueryscript.net/demo/Date-Time-Picker-Bootstrap-4/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />

<table class="table table-bordered">
  <tr>
    <td>Date</td>
    <td><input type='text' class="form-control" id='datetimepicker1' /></td>
  </tr>
</table>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.21.0/moment.min.js"></script>
<script src="https://www.jqueryscript.net/demo/Date-Time-Picker-Bootstrap-4/build/js/bootstrap-datetimepicker.min.js"></script>

尝试在项目中使用 datetimepicker，但是当我单击输入时，它显示当前日期时间而不是选择器。

我也得到：

未捕获的错误：datetimepicker 组件应放置在 HTMLInputElement.ie (bootstrap-datetimepicker.min.js:1) 的 Y (bootstrap-datetimepicker.min.js:1) 的非静态定位容器中 HTMLInputElement.dispatch (jquery. js:5237) 在 HTMLInputElement.elemData.handle (jquery.js:5044)

标签： javascriptjquerytwitter-bootstrapbootstrap-4bootstrap-datetimepicker

解决方案

推荐阅读