Question

我只是想在CodePen上为我的表单添加日期选择器，这里是链接：http://codepen.io/kaisle/pen/QwagVE。我从其他人那里分配了非常简单的jQuery，我所做的就是从jQuery网站添加基本的datepicker：

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

我认为它与功能的放置有关。我对timepicker有同样的问题。谢谢！

Answer 1

您想将JS设置更改为'jQuery＆amp; jQuery UI（基本主题）'，然后修复下面的两个错误。

$(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

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没有提供内置时间戳。所以你需要使用第三方插件。这里是bootstrap-timepicker链接。

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

点击时没有出现jQuery datepicker

2 个答案: