如何在@ html.textbox中输入日期，如下所示？

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>

然后下面将是您的文本框

 @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>