Jquery日期时间选择器在弹出窗口中不起作用

Posted 2021-04-15

这是我的情况：我使用jquery datetimepicker，它在普通页面中工作正常，但它不能在弹出页面中工作。这是日期字段：

<input type="text" name="date" id="date" />
  <script type="text/javascript">
     $(document).ready(function () {
        $( "#date" ).datepicker();
  });
  </script>

以下是代码：http://jsfiddle.net/nhonduyen/YqLk8/您看到body标签中的datetimepicker有效，但是当您单击联系人 - >安排会议时会出现一个弹出窗口，但字段datetimepicker不起作用。你能帮助我吗？谢谢。 :)

答案

您已经多次使用id='date'用于多个date字段，但id必须是唯一的，所以只需将id='date'更改为class='date'以及使用JavaScript：

$(".date").datepicker();

代替 ：

$("#date").datepicker();

它会起作用（Working Example）。

另一答案

这是datetimepicker源文件版本与bootstrap 4. use的冲突

enter link description here