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
Comments
Post a Comment