I installed a JQuery timepicker plugin through Bower-Rails and I can't figure out how to get the plugin to work on my form.
<!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>
Am I setting up the script incorrectly?
You probably want to invoke
.timepicker()on the actual HTML element that is hosting that DOM element. which appears to have a class of.form-control(I'd name this something better tho).So change your jQuery selector to:
But again, add a more descriptive class other than
form-controland use that in your selector.