asp.net mvc - JQuery UI datepicker not working in Chrome -

i using jquery ui date picker in asp.net mvc app. works fine in ie in chrome default date picker visible, when use jquery ui doesn't add date box.

i have several options on here possible solutions nothing works.

the viewmodel is:

    [required]     [display(name = "date of birth")]     [datatype(datatype.date)]     [displayformat(dataformatstring = "{0:yyyy/mm/dd}", applyformatineditmode = true)]     public datetime dateofbirth { get; set; } 

the view is:

            <div class="form-group">                 <div class="row">                     <div class="col-md-3 col-md-offset-1">                         @html.labelfor(model => model.dateofbirth, htmlattributes: new { @class = "control-label" })                         @html.editorfor(model => model.dateofbirth, new { htmlattributes = new { @class = "form-control", placeholder = "01/12/80" } })                         @html.validationmessagefor(model => model.dateofbirth, "", new { @class = "text-danger" })                     </div>                 </div>             </div> 

the script date picker :

@section scripts { @scripts.render("~/bundles/jqueryval") @scripts.render("~/bundles/bootstrap") <script type="text/javascript">     $("#dateofbirth").datepicker({         format: "yyyy/mm/dd",         startdate: "-120y",         enddate: "-10y",         startview: 2,         calendarweeks: true,         defaultviewdate: { year: 1975, month: 01, day: 01 }     }); </script> } 

i can't 1 needs solve issue , has been.

try disable default datepicker. see post: disable native datepicker in google chrome