【问题标题】:Uncaught TypeError: undefined is not a function jquery.datetimepicker.js:1619(anonymous function)未捕获的类型错误:未定义不是函数 jquery.datetimepicker.js:1619(匿名函数)
【发布时间】:2015-10-16 22:13:39
【问题描述】:

我尝试在我的 Symfony 2.7 项目中使用 jquery.datetimepicker,但是当我在视图中调用 datetimepicker 时不会加载日期和时间。控制台显示此错误:

Uncaught TypeError: undefined is not a function jquery.datetimepicker.js:1619(匿名函数)

这是我的代码:

<div class="contact">
                    <div class="company_address">

                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
                    </div>
                    <div class="contact-form" >
                        {{ form(form) }}
                        <button type="submit" class="cancel" name="cancel" onclick="location.href = '{{ path('assistance_list') }}'">Cancel</button>

                    </div>

                    <div class="clear"></div>
                    <script>
                        $(document).ready(function () {

                            $.datetimepicker.setLocale('en');

                            $("#daiquiri_daiquiribundle_assistance_date input").each(function () {
                                $(this).attr("readonly", "readonly");
                            });

                            $('#daiquiri_daiquiribundle_assistance_date_date').datetimepicker({
                                format: "Y-m-d",
                                timepicker: false,
                                datepicker: true,
                                theme: 'dark'
                            });
                            $('#daiquiri_daiquiribundle_assistance_date_time').datetimepicker({
                                format: "H:i",
                                timepicker: true,
                                datepicker: false,
                                step: 10,
                                theme: 'dark'
                            });

                        });
                    </script>
                </div>

【问题讨论】:

  • 你加载了jQuery UI Datepicker吗? datetimepicker 取决于它。
  • 这是哪里的daiquiri_daiquiribundle_assistance_date_date
  • 这是我要加载 datetimepicker 的输入的 id。

标签: javascript jquery symfony datetimepicker


【解决方案1】:

当你使用你知道的函数名是一个 jQuery 方法名,并且返回这个错误时,这 100% 是你的错字,或者 jQuery 库没有正确加载。由于文档准备工作,但不是这个方法,这说明 jQuery 被正确加载,但不是 datetimepicker 方法的源库。如果您使用的是 chrome,请按 F12,然后检查您的资源或控制台。如果您有指向它的链接,控制台应该会说“加载资源失败”,但它是不正确的。如果您根本没有加载它,这些插件所需的库在这里:https://jqueryui.com/

【讨论】:

    【解决方案2】:

    抱歉这个问题,我正在尝试加载是我的错误:

    <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
    <script src="jquery.js"></script>
    <script src="jquery.datetimepicker.js"></script>
    

    何时加载:

    <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
    <script src="jquery.js"></script>
    *<script src="jquery.datetimepicker.full.js"></script>*
    

    这个改变解决了这个问题。 感谢大家的帮助。

    【讨论】:

      猜你喜欢
      • 2016-07-12
      • 2015-03-14
      • 2014-12-13
      • 2014-08-11
      相关资源
      最近更新 更多