使jQuery timepicker工作

Question

I'm new to jquery and can't seem to get this basic timepicker working: https://github.com/jonthornton/jquery-timepicker#timepicker-plugin-for-jquery

In scripts (I renamed the folder):

<script src="@Url.Content("~/Scripts/jquery-timepicker/jquery.timepicker.js")" type="text/javascript"></script>
<script type="text/javascript">
$(function () {

    $('#AddJustPlayForm_Time').timepicker();
})

In html:

  @Html.EditorFor(m => m.AddJustPlayForm.Time, "BootstrapHorizontalTime", new { @class = "time-picker", style = "width:100px" })

What am I doing wrong please?

Answer 1

You want to target .time-picker class rather than the field name for AddJustPlayForm.Time

Try

$(function () {

    $('.time-picker').timepicker();
})

You should also include the css in header.

Answer 2

I found the problem. I had the timepicker script before the main jquery script, so it wasn't able to access the main jquery library or something along those lines. Thanks for help anyway.