javascript - TypeError : $. 日期选择器未定义

标签 javascript jquery

我的 javascript 有代码,适用于我网站上的一个页面:

$('#nmdt1').datetimepicker({
        dateFormat: $.datepicker.ATOM,
        minDate: nmsdt,
                  ...
                  ...

当加载 id="nmdt1"的页面时,这运行良好。 我只在加载该页面时加载相关的 datetimepicker js 库(模块)。 到目前为止一切顺利。

但是当我在我的网站上加载任何其他页面时,我收到此错误:来自定义日期格式的行号。

编辑:这里是 Firebug 日志的正确错误:

TypeError: $.datepicker is undefined
http://myswbsite/jscript/myjsscript.js
Line 569

第 569 行是:

dateFormat: $.datepicker.ATOM,

是的,此错误仅出现在我未加载相关 js 代码 (jquery-ui-timepicker-addon.js) 的页面上。我没有在每个页面上加载此 js 的原因是,我只需要在一个页面上加载它。

更多详情:

在 lib 加载后的 HTML header 中(按顺序)

<head>
    <script src="/jscript/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="/jscript/myjsscript.js" type="text/javascript"></script>
...
...
    <script type="text/javascript">
    jQuery(document).ready(function(){
        var mid = "[% mid %]";
        alert('mid='+mid);
        $(".bvmainmenu #"+mid).css({"background":"url(/images/current-bg.gif) top left repeat-x", "color":"#ffffff"});
    });
    </script>
</head>

当 jquery-ui-timepicker-addon.js 库未加载时,你在上面看到的最后一个 javascript 代码(标题底部)不会运行(你在 firebug 中看到错误 - 我可以接受错误,但为什么最后一段代码没有运行,我不确定)。我无法理解为什么这个例程不会运行只是因为我没有加载一个“附加”库

正确运行所有内容的页面在 BODY 中加载以下 js 脚本

<script src="/jscript/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="/jscript/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

在此页面上,您在标题中看到的最后一个 javascript 代码也会加载并显示警报!

我很难理解这一点。

最佳答案

你有没有包括jQuery UI在您的应用程序中。

<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js"></script>

关于javascript - TypeError : $. 日期选择器未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11918991/

相关文章:

javascript - img.on ("load") 在加载 img 之后但在设置其大小之前执行 (IE)

javascript - 这个 gulp 命令会等待依赖任务吗?

javascript - 小于和大于会产生意想不到的结果。

javascript - JQuery closest() 返回未定义

javascript - 按钮单击事件上动态 ul 的文本框值

javascript - jquery 的数字增量

javascript - 编辑器数据表 : Not Working

javascript - ReactJs - 从 reducer 返回相同状态时不会触发 componentWillReceiveProps

javascript - HTML 多头

javascript - 将图像绑定(bind)到鼠标光标