Javascript 以Rails 4的形式使用JQuery timepicker插件_Javascript_Jquery_Ruby On Rails_Timepicker

Javascript 以Rails 4的形式使用JQuery timepicker插件

javascript jquery ruby-on-rails

Javascript 以Rails 4的形式使用JQuery timepicker插件,javascript,jquery,ruby-on-rails,timepicker,Javascript,Jquery,Ruby On Rails,Timepicker,我通过BowerRails安装了一个jQueryTimePicker插件，但我不知道如何让该插件在我的表单上工作 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> $(

我通过BowerRails安装了一个jQueryTimePicker插件，但我不知道如何让该插件在我的表单上工作

<!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>


$（文档）.ready（函数（）{
$（'p'）。时间选择器({
“minTime”：“上午9:00”，
“maxTime”：“9:00pm”，
“showDuration”：true
});
});

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

您可能希望在承载该DOM元素的实际HTML元素上调用

.timepicker（）

。它似乎有一个

.formcontrol

（我给它起个更好的名字）

因此，将jQuery选择器更改为：

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

但同样，添加一个比

表单控件

更具描述性的类，并在选择器中使用它