jQuery 单击时不显示日期选择器

Question

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

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

我认为这与功能的放置有关。我在使用时间选择器时遇到了同样的问题。谢谢！

Answer 1

您想将 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');

这是link的解决方案

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

Answer 2

您必须导入 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 不提供 inbuilt 时间选择器。所以你需要使用第三方插件。这里 bootstrap-timepicker link.

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

jQuery 单击时不显示日期选择器

jQuery datepicker is not appearing on click

html

datepicker