Javascript 计时器选择器加载项不工作

我目前正在尝试将jQuery Timepicker插件嵌入到我的页面中，但不知何故它无法工作。我现在研究了几个小时，但没有修复stackoverflow上的bug，博客上也没有

这是密码

@model MvcApplication1.ViewModels.CalendarViewModel
@{
    ViewBag.Title = "Calendar";
}

<h3 class="page-title">@ViewBag.Title</h3>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" />
<link href="@Url.Content("~/assets/plugins/jquery-ui/jquery-ui-1.10.3.css")" rel="stylesheet" />
<link href="@Url.Content("~/assets/plugins/jquery-timepicker-addon-master/jquery-ui-timepicker-addon.css")" rel="stylesheet" />
<ul class="breadcrumb">
    <li>
        <i class="icon-home"></i>
        <a href="Index">@ViewBag.Title</a>

        <i class="icon-angle-right"></i>
    </li>
    <li>
        <a href="#">Create new calendar entry</a>

</ul>
<script src="@Url.Content("~/assets/plugins/jquery-1.10.1.min.js")"></script>
<script src="@Url.Content("~/assets/plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js")"></script>
<script src="@Url.Content("~/assets/plugins/jquery-timepicker-addon-master/jquery-ui-timepicker-addon.js")"></script>
<script src="@Url.Content("~/assets/plugins/jquery-timepicker-addon-master/jquery-ui-sliderAccess.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>


@using (Html.BeginForm())
{ @Html.ValidationSummary(true)
    <div class="form-horizontal form-view">

        <h3>@ViewBag.Title </h3>
        <h3 class="form-section">General</h3>
        <div class="row-fluid">
            <div class="span6 ">
                <div class="control-group">
                    <label class="control-label">Title:</label>
                    <div class="controls">
                        <span class="text">@Html.EditorFor(model => model.title)
                            @Html.ValidationMessageFor(model => model.title)
                        </span>
                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="span6 ">
                <div class="control-group">
                    <label class="control-label">Start:</label>
                    <div class="controls">
                        @(new HtmlString(@Html.TextBoxFor(model => model.start, new { id = "datepicker_start" }).ToString()))
                        @Html.ValidationMessageFor(model => model.start)

                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="span6 ">
                <div class="control-group">
                    <label class="control-label">End:</label>
                    <div class="controls">

                        @(new HtmlString(@Html.TextBoxFor(model => model.end, new { id = "datepicker_end" }).ToString()))
                        @Html.ValidationMessageFor(model => model.end)

                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="span6 ">
                <div class="control-group">
                    <label class="control-label">Time Start:</label>
                    <div class="controls">
                        @(new HtmlString(@Html.TextBoxFor(model => model.time_start, new { id = "time_start" }).ToString()))
                        @Html.ValidationMessageFor(model => model.time_start)

                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="span6 ">
                <div class="control-group">
                    <label class="control-label">Time End:</label>
                    <div class="controls">
                        @(new HtmlString(@Html.TextBoxFor(model => model.time_end, new { id = "time_end" }).ToString()))
                        @Html.ValidationMessageFor(model => model.time_end)

                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="span6 ">
                <div class="control-group">
                    <label class="control-label">Allday Event:</label>
                    <div class="controls">
                        @Html.DropDownListFor(model => model.allDay,
                                                      new SelectList(
                                                      new List<Object>{ 
                                                      new { value = "" , text = "Select"  },
                                                      new { value = "true" , text = "Yes" },
                                                      new { value = "false" , text = "No"}
                                                      }, "value", "text", "-"))
                        @Html.ValidationMessageFor(model => model.allDay)
                    </div>
                </div>
            </div>
        </div>

        <div class="form-actions">

            <a href="@Url.Content("~/Calendar/Index")" class="btn green">Back 
                <i class="m-icon-swapleft m-icon-white"></i>
            </a>
            <button type="submit" class="btn blue ">
                Create 
                <i class="icon-plus"></i>
            </button>


        </div>
    </div>
}


<script type="text/javascript">
    $(document).ready(function() {

        var date = new Date();

        $("#datepicker_start").datepicker({
            numberOfMonths: 1,
            minDate: date,
            onSelect: function (selected) {
                $("#datepicker_end").datepicker("option", "minDate", selected)
            }
        });

        $("#datepicker_end").datepicker({
            numberOfMonths: 1,
            onSelect: function (selected) {
                $("#datepicker_start").datepicker("option", "maxDate", selected)
            }
        });

        $("#time_start").timepicker();

        $("#time_end").timepicker();

    });
</script>

@model mvcapapplication1.ViewModels.CalendarViewModel
@{
ViewBag.Title=“日历”；
}
@视图包。标题





@使用（Html.BeginForm（））
{@Html.ValidationSummary（true）
@视图包。标题
一般的
标题：
@EditorFor（model=>model.title）
@Html.ValidationMessageFor（model=>model.title）
开始：
@（新的HtmlString（@Html.TextBoxFor（model=>model.start，new{id=“datepicker\u start”}）.ToString（））
@Html.ValidationMessageFor（model=>model.start）
完:
@（新的HtmlString（@Html.TextBoxFor（model=>model.end，new{id=“datepicker\u end”}）.ToString（））
@Html.ValidationMessageFor（model=>model.end）
开始时间：
@（新的HtmlString（@Html.TextBoxFor（model=>model.time\u start，new{id=“time\u start”}）.ToString（））
@Html.ValidationMessageFor（model=>model.time\u start）
时间结束：
@（新的HtmlString（@Html.TextBoxFor（model=>model.time\u end，new{id=“time\u end”}）.ToString（））
@Html.ValidationMessageFor（model=>model.time\u end）
全天活动：
@Html.DropDownListFor（model=>model.allDay，
新选择列表(
新列表{
新建{value=”“，text=“Select”}，
新的{value=“true”，text=“Yes”}，
新建{value=“false”，text=“No”}
}，“值”，“文本”，“-”）
@Html.ValidationMessageFor（model=>model.allDay）
创造
}
$（文档）.ready（函数（）{
变量日期=新日期（）；
$（“#日期选择器_开始”）。日期选择器({
月数：1，
日期：，
onSelect：功能（已选择）{
$（“#日期选择器_end”）。日期选择器（“选项”，“minDate”，选中）
}
});
$（“#日期选择器_end”）。日期选择器({
月数：1，
onSelect：功能（已选择）{
$（“#日期选择器_开始”）。日期选择器（“选项”，“maxDate”，选中）
}
});
$（“#time_start”）.timepicker（）；
$（“#time_end”）.timepicker（）；
});

如果有人能指出我的错误那就太好了

---

提前感谢

也有同样的问题。请尝试在timepicker加载项之前添加JqueryUI

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

也有同样的问题。请尝试在timepicker加载项之前添加JqueryUI

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>


检查您的控制台，看看它是否有相同ID的控件。我得到两个未捕获类型错误：未捕获类型错误：无法设置未定义的jquery ui timepicker插件的属性“parseDateTime”。js:1074（匿名函数）jquery ui timepicker插件。js:1074（匿名函数）jquery ui timepicker插件。js:2103未捕获类型错误：Object[object object]没有方法“timepicker”创建：557（匿名函数）Create:557 c jquery-1.10.1.min.js:4 p.fireWith jquery-1.10.1.min.js:4 x.extend.ready jquery-1.10.1.min.js:4 q jquery-1.10.1.min.js:4尝试从这里输入js src，然后重试：引用jquery时出现问题。我尝试了你的代码，它对我有效。我从网站添加了js源代码，但仍然不起作用检查控制台，看看它是否有相同ID的控件。我得到两个未捕获类型错误：未捕获类型错误：无法设置未定义的jquery ui timepicker插件的属性“parseDateTime”。js:1074（匿名函数）jquery ui timepicker插件。js:1074（匿名函数）jquery ui timepicker插件。js:2103未捕获类型错误：Object[对象对象]没有方法“timepicker”创建：557（匿名函数）Create:557 c jquery-1.10.1.min.js:4 p.fireWith jquery-1.10.1.min.js:4 x.extend.ready jquery-1.10.1.min.js:4 qjQuery-1.10.1.min.js:4尝试从这里输入js src，然后重试：引用jquery时出现问题。我尝试了你的代码，它对我有效。我从网站添加了js源代码，但仍然不起作用