Asp.net core mvc .NetCore 2.0 MVC中的JQuery日期选择器出现问题

我似乎很难让Jquery datepicker在我的基本CRUD应用程序中工作。我使用NuGet Package Manager安装了Jquery UI。组合库：

在my_Layout.cshtml文件中，我有以下脚本标记：

    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>

$（函数（）{
$（“#日期选择器”）.datepicker（）；
});

（我的ViewStart文件中引用了_Layout.cshtml）

最后，我尝试在我的视图中使用Datepicker：

@model GymTracker.ViewModel.MemberViewModel

@{
    ViewData["Title"] = "Create";
}

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">



<h2>Create</h2>

<h4>Member</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="Create">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="FirstName" class="control-label"></label>
                <input asp-for="FirstName" class="form-control" />
                <span asp-validation-for="FirstName" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="LastName" class="control-label"></label>
                <input asp-for="LastName" class="form-control" />
                <span asp-validation-for="LastName" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="DateOfBirth" class="control-label"></label>

           @Html.TextBox("datetimepicker")


            </div>
            <div class="form-group">
                <label asp-for="PaymentType" class="control-label"></label>
                @Html.DropDownListFor(model => model.PaymentType, Html.GetEnumSelectList(typeof(Membershiptype)))

                <span asp-validation-for="PaymentType" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </form>
    </div>
</div>

<div>
    <a asp-action="Index">Back to List</a>
</div>




@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

@model.ViewModel.MemberViewModel
@{
ViewData[“标题”]=“创建”；
}
创造
成员

@文本框（“日期时间选择器”）
@Html.DropDownListFor（model=>model.PaymentType，Html.GetEnumSelectList（typeof（Membershiptype）））
返回列表
@节脚本{
@{wait Html.RenderPartialAsync（“_validationScript”）；}
}

谁能看出我做错了什么。当然，这句话：

@文本框（“日期时间选择器”）

将呈现Jquery日期选择器吗

---

任何帮助都将不胜感激。谢谢你

我也遇到了同样的问题，但从来没有找到“干净”的解决方案-但这个解决方案对我来说很有用：

设置一个简单的div和input字段，然后隐藏实际的form字段（调整与空格的对齐）：

乘车日期