Question

我通过Bower-Rails安装了一个JQuery timepicker插件，我无法弄清楚如何让插件在我的表单上运行。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script type="text/javascript">
   $(document).ready(function() {
     $('p').timepicker({
       'minTime': '9:00am',
       'maxTime': '9:00pm',
       'showDuration': true
     });
   });
 </script>
</head>

<body>

<form role="form">
 <p> <div class = "row">
      <div class = "form-group col-md-3">
       <%= f.label :start_time %><br>
       <%= f.time_field :start_time, class: "form-control" %>
     </div>
    </div></p>
</form>  
</body>
</html>

我是否错误地设置了脚本？

Answer 1

您可能希望在托管该DOM元素的实际HTML元素上调用.timepicker()。它似乎有一类.form-control（我把这个名字命名为更好的东西）。

所以将jQuery选择器更改为：

$('.form-control').timepicker({
       'minTime': '9:00am',
       'maxTime': '9:00pm',
       'showDuration': true
     });

但是，再次添加form-control以外的更具描述性的类，并在选择器中使用它。

在Rails 4中使用JQuery timepicker插件

1 个答案: