jQuery UI Datepicker funktioniert nicht?

Question

Ich habe die jQuery ui Datepicker in meiner Web-App angezeigt, aber wenn ich ein Datum wählen gehe, tut es nichts. Und der Standard-Html5-Datumszähler wird immer noch angezeigt.

My datepicker image

Wie kann ich deaktivieren Sie die Html5 eine für die jQuery Ui Datepicker zu arbeiten?

Dies ist, wie ich meinen Code tat:

Create.cshtml

@Html.LabelFor(model => model.EnrollmentDate, htmlAttributes: new { @class = "control-label col-md-2" }) 
       <div class="col-md-10"> 
        @Html.EditorFor(model => model.EnrollmentDate, new { htmlAttributes = new { @class = "form-control", @id = "datepicker" } }) 
        @Html.ValidationMessageFor(model => model.EnrollmentDate, "", new { @class = "text-danger" }) 

........ 

@section Scripts { 
<script> 
    $(document).ready(function(){ 
     $('#datepicker').datepicker({ 
     dateFormat: 'dd-mm-yy' 
     }); 
    }); 
</script>   
    @Scripts.Render("~/bundles/jqueryval") 
} 

Answer 1

Sie für eingebaute Datumsauswahl gehen kann. Bitte beziehen Sie sich https://jqueryui.com/datepicker/

Answer 2

Ich musste nur den Typ für die @Html.EditFor einen Texttyp und es funktionierte. Der Versuch, @Html.TextBoxFor zu verwenden, funktionierte nicht für mich.

@Html.EditorFor(model => model.EnrollmentDate, new { htmlAttributes = new { @class = "form-control", @type = "text" } }) 

<script> 
    $(function(){ 
     $('#EnrollmentDate').datepicker({ 
      changeMonth: true, 
      changeYear: true 
     }); 
    }); 
</script>