2017-03-08 6 views
0

ウェブアプリケーションにjQueryのui datepickerが表示されていますが、日付を選択すると何もしません。デフォルトのHtml5のdatePickerはまだ表示されています。私は仕事をするのjQueryのUI DatePickerのためのHTML5 1を無効にするにはどうすればよいjQuery UIのdatepickerが機能しませんか?

My datepicker image

?あなたは作り付けの日付ピッカーのために行くことができ

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") 
} 

答えて

0

これは私が私のコードをしたかです。 を参照してくださいhttps://jqueryui.com/datepicker/

+0

私のコード用のスクリプトを書くためにこのリンクを使用しました。 Chromeコンソールに「jQuery ui」、「css」の「リソースの読み込みに失敗しました...」などのエラーが表示されます – Afton

0

@Html.EditForのタイプをテキストタイプにするだけで済みました。 @Html.TextBoxForを使ってみると、うまくいきませんでした。

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

<script> 
    $(function(){ 
     $('#EnrollmentDate').datepicker({ 
      changeMonth: true, 
      changeYear: true 
     }); 
    }); 
</script> 
関連する問題