jQuery datepicker 没有出现在点击答案

【问题标题】：jQuery datepicker is not appearing on clickjQuery datepicker 没有出现在点击
【发布时间】：2015-02-12 17:56:25
【问题描述】：

我只是想在 CodePen 上的表单中添加一个日期选择器，这是链接：http://codepen.io/kaisle/pen/QwagVE。这是一个非常简单的 jQuery，我从别人那里分叉出来的，我所做的只是从 jQuery 网站添加基本的日期选择器：

$(function() {
$( "#datepicker" ).datepicker();
      });

我认为这与函数的位置有关。我对时间选择器有同样的问题。谢谢！

【问题讨论】：

它在控制台中告诉你 - “未捕获的类型错误：未定义不是函数”，datepicker() 未定义。 jQueryUI 在 codepen 上可用吗？以前没用过所以不熟悉。
看起来您需要单击“JS”窗格标题中的 cog 并启用最新的 jQuery 和 jQueryUI - 然后对我有用。
感谢格拉茨。我确实在窗格标题中选择了“jQuery”，但是当我选择“jQuery and jQueryUI”时，日期选择器可以正常工作。但是时间选择器仍然无法正常工作，看看有什么问题吗？
没有任何内置的 jquery timepicker。所以你必须使用第三方插件。
啊，那是有道理的。感谢 user3134634。

标签： html datepicker

【解决方案1】：

你必须导入 jquery 和 jquery-ui。

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

jquery 不提供内置的时间选择器。所以你需要使用第三方插件。这里是 bootstrap-timepicker 链接。

http://jdewit.github.io/bootstrap-timepicker/

【讨论】：

【解决方案2】：

您想将 JS 设置更改为“jQuery & jQuery UI (Base Theme)”，然后修复如下两个错误。

$(this).on('blur', function() {
  if ($(this).val().length === 0) {
  $(this).parent('.field').removeClass('active');
  }
});

if ($(this).val() !== '') $(this).parent('.field').addClass('active');

这里是解决方案的链接

http://codepen.io/anon/pen/KwQwER

【讨论】：