【问题标题】:jQuery UI: tooltip works fine, but datepicker function not recognizedjQuery UI:工具提示工作正常,但无法识别日期选择器功能
【发布时间】:2017-05-23 06:25:08
【问题描述】:

编辑:在我删除 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 版本(即,基本上相同的文件但具有不同的版本号),但即使在我删除了双打之后,日期选择器仍然无法工作。它只有在我删除 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" />

令人惊讶的是,工具提示工作正常,但日期选择器什么也没做。事实上,对于日期选择器,我收到错误消息:

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

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

谢谢。

【问题讨论】:

  • 你好。而不是此代码$('#testDatepicker').datepicker(); 将其更改为$('#testDatepicker').datepicker({chageMonth: true, changeYear: true});.. 希望它有效。
  • 谢谢,我试过了(用 'changeMonth' 而不是 'chageMonth'),但没用。
  • 你添加脚本了吗?
  • 如果你的工具提示没问题,那么试试这个。 &lt;input id="testDatepicker" type="date" /&gt;
  • 是的,做到了!非常感谢。如果您将上一条评论更改为答案,我会接受。

标签: jquery jquery-ui datepicker


【解决方案1】:

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

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

【讨论】:

  • @Holland。就像我之前说的。尝试创建一个新脚本,然后添加代码并在主视图中调用该脚本。如果您现在处于开启状态,请再次加入聊天。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-09-16
  • 1970-01-01
  • 1970-01-01
  • 2012-05-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多