jQuery UI:工具提示工作正常,但无法识别datepicker功能

时间:2017-01-09 03:07:08

标签: jquery jquery-ui datepicker

编辑:我在我的Scripts文件夹中删除了所有与jQuery相关的jS文件/包之后开始工作,然后只是在HTML的head部分添加了重要文件的在线版本,如下所示:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js' type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.12.0/jquery-ui.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> 

当然,我仍然不明白为什么它不能提前工作。确实,我在我的Scripts文件夹中注意到了一些不同的jQuery版本(即,基本上相同的文件但具有不同的版本号),但即使在我删除了双打之后,datepicker仍然无效。它只在我删除了我的Scripts文件夹中的所有相关文件后才开始工作,然后在我的HTML中添加了上述链接。至少它现在正在工作,我没有时间深入研究这个问题。但可能不得不稍后回到这一点,因为这不是一个很好的解决方案。

我也发现了这个问题:jQuery UI " $("#datepicker").datepicker is not a function"。但是,虽然我觉得我的问题可能与那里描述的问题类似,但我无法真正应用那里提出的解决方案/方法。

以下是原始问题:

我有这个:

<script>
    $('#testTooltip').tooltip();
    $('#testDatepicker').datepicker();
</script>

<p id="testTooltip" title="These words will appear in the tooltip">
Hello, I'm testing the tooltip
</p>

<input id="testDatepicker" type="text" />

令人惊讶的是,工具提示工作正常,但是datepicker什么都不做。事实上,对于datepicker,我收到错误消息:

  

TypeError:$(...)。datepicker不是函数

我正在使用ASP.NET / MVC框架,这应该意味着所需的jQuery文件位于正确的位置并自动包含在我的文件中,而无需为此目的添加脚本标记。但无论如何,据我所知,两者的工具提示的代码位于jquery-ui.js(我没有改变的文件)或当然感动)。因此,如果工具提示有效,意味着对函数tooltip()的调用工作正常,那么函数datepicker()是如何被识别的呢?

感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用type = "date"。样品

<input id="testDatepicker" type="date" />
相关问题