@ html.textboxforの中に日付を入力するにはどうすればいいですか？

Question

MVC 5、HTML 5で作業しています。どのように日付の画像を下の画像のように入力できますか？

Answer 1

あなたは、まず以下のヘッド

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.js"></script> 

内のすべての2つのライブラリがここ

@Html.TextBoxFor(x => x.DateOfBirth, new { @class = "form-control", @id = "DateOfBirth" }) 

x.DateOfBirthは型のプロパティになりますあなたのテキストボックスになり、このようにそれを行うことができますDateTimeとなり、スクリプトは

になります

<script type="text/javascript"> 
     $(function() { 
      $("#DateOfBirth").mask("99/99/9999"); 
     }); 
    </script> 

Answer 2

このjQueryのマスクプラグインは非常にきれいなようで、役立つことがあります。

https://igorescobar.github.io/jQuery-Mask-Plugin/

あなたHtml.TextBoxFor：

@Html.TextBoxFor(m => m.DOB, new { @class = "date" }) 

次に、あなたのjQueryのは、単に次のようになります。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.date').mask('00/00/0000'); 
    }); 
</script>