将DatePicker与.NET一起使用

我使用.NET Core创建了一个非常简单的DatePicker。 这是我的模型：

public class MemberViewModel { public string Name { get; set; } [DisplayFormat(DataFormatString = @"{0:dd\/MM\/yyyy}", ApplyFormatInEditMode = true)] public DateTime DOB { get; set; } } 

这是我的观点：

 @model DatePicker.Models.MemberViewModel @{ ViewData["Title"] = "MemberView"; } 
MemberView
 
MemberViewModel
 
 
 
 
 
 
    
 
  @Html.TextBox("datepicker") @* *@ 
 
  
 
 
 
 
 Back to List 
 @section Scripts { @{await Html.RenderPartialAsync("_ValidationScriptsPartial");} } 

这是我的布局：

        $(function () { $("#datepicker").datepicker({ minDate: -20, maxDate: "+1M +10D", dateFormat: "dd/mm/yy" }); });  

单击文本框（在所有浏览器中）时，DatePicker不执行任何操作。 奇怪的是; 如果我将生成的HTML复制并粘贴到HTML文件中，然后双击HTML文件，则DatePicker将按预期工作。 问题是什么？

更新

请参阅下面生成的HTML：

           $(function () { $("#datepicker").datepicker({ minDate: -20, maxDate: "+1M +10D", dateFormat: "dd/mm/yy" }); });       
 
 
  Toggle navigation     DatePicker 
 
 
 
Home
 
About
 
Contact
 
 
 
 
 
 
MemberView
 
MemberViewModel
 
 
 
 
 
 Name   
 
 DOB1  
 
  
 
 
 
 
 Back to List 
 
 
 
© 2018 - DatePicker
 
 
        

如果我注释掉以下行，那么它按预期工作：

Answer 1

你包括jQuery 两次 。 第二个jQuery包含覆盖你的$变量，删除你事先加载的jQuery ui插件。

和

jQuery插件通过扩展$变量来工作。 第二次包含jQuery会破坏以前加载的插件。