Javascript 动态创建ui DateTimePicker时出现未捕获类型错误_Javascript_Jquery_Laravel 5

Javascript 动态创建ui DateTimePicker时出现未捕获类型错误

javascript jquery laravel-5

Javascript 动态创建ui DateTimePicker时出现未捕获类型错误,javascript,jquery,laravel-5,Javascript,Jquery,Laravel 5,这项工作： $(document).ready(function ($) { $('#datetimepicker1').datetimepicker(); 当我有 <p>Date: <input type="text" id="datetimepicker1"></p> JavaScript附加了哪些内容 <input type="text" id="datetimepicker2"> <input type

这项工作：

    $(document).ready(function ($) {
        $('#datetimepicker1').datetimepicker();

当我有

 <p>Date: <input type="text" id="datetimepicker1"></p>

JavaScript附加了哪些内容

<input type="text" id="datetimepicker2">
 <input type="text" id="datetimepicker3">...

即使我推迟了，并在调试控制台中尝试它，也会出现相同的错误。这似乎与模态有关，而不是在显示模态时生成组件的事实（因为我也尝试直接以模态的形式创建它们，而不是动态生成它们）

你知道这是什么原因吗

编辑：因为我被要求更具体一些。在代码中，我在layouts/app.blade.php中包含了参考：

<script language="JavaScript"
            src="https://code.jquery.com/jquery-3.2.1.min.js"
            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
            crossorigin="anonymous"></script>
    <script language="JavaScript"
    src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
    integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
    crossorigin="anonymous"></script>
    <script src="{{asset('js/jquery-ui-timepicker-addon.js')}}"></script>
    <script src="{{asset('js/jquery-ui-sliderAccess.js')}}"></script>

如果我查看源代码，我会看到：

<!DOCTYPE html>

您可以忽略我关于动态创建（实际上是从ajax成功中的数据创建）的声明，因为我尝试对其进行注释并对控件进行硬编码

它仍然认为，只有当我从$（document）.ready（..）调用.datetimepicker（）时，该控件才会工作

我不知道插件代码是如何不被引用的。如果是这样的话，那么它在.ready（）中是如何可用的，为什么如果我从Chrome控制台调用$（'#datetimepicker1'）.datetimepicker（）；我会得到同样的错误

谢谢你坚持不懈地帮助我。

也许你想让shown.bs.modal作为

$(function(){
        $('#rotasModal').on("shown.bs.modal", function (e) {

而不是

$(function () {
        $('#rotasModal').on("show.bs.modal", function (e) {

是时候使用类了，

$（'.datetimepicker'）

然后引用所需的dom“哪个JavaScript附加”具体是什么？向我们展示你在页面中放置日期选择器代码的位置/方式。不是调用它，而是插件代码本身。你不需要两个jQuery.min版本。如果你需要较旧的浏览器，只需要包含第二个。始终将css放在第一位，并且所有内容都放在同一位置-而不是在JS文件之间-不仅仅因为它是“更整洁”，但实际上它在浏览器中会更好地工作，并且会影响渲染过程。搜索“CSS渲染阻止”和其他主题作为参考感谢您的建议，但我只能在$（文档）中调用$（'#datetimepicker'）.datetimepicker（）；时才能避免错误。就绪（函数（$）{..的主刀片。如果在完全加载后尝试手动执行，则在show.bs.modal和Chrome控制台上都会出现错误。因此，我不知道如何动态创建timedatepicker。该错误似乎表明插件代码未被引用，因此在postThank you标记上出现了这方面的问题。这是一个组合在我的包中，我肯定需要显示而不是显示。很高兴能提供帮助，第二副眼睛通常很有用：）

div class="modal fade" id="rotasModal"
     tabindex="-1" role="dialog"
     aria-labelledby="rotasModalLabel">

<!DOCTYPE html>

<script language="JavaScript"
        src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
        crossorigin="anonymous"></script>
<script language="JavaScript"
src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"></script>


<script src="http://oc.com:8888/oc/public/js/jquery-ui-timepicker-addon.js"></script>
<script src="http://oc.com:8888/oc/public/js/jquery-ui-sliderAccess.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script>

 <link href="http://oc.com:8888/oc/public/css/jquery-ui-timepicker-addon.css">
    <!-- Styles -->
    <link href="http://oc.com:8888/oc/public/css/app.css" rel="stylesheet">
    <link href="http://oc.com:8888/oc/public/css/ocm.css" rel="stylesheet">

$(function(){
        $('#rotasModal').on("shown.bs.modal", function (e) {

$(function () {
        $('#rotasModal').on("show.bs.modal", function (e) {