在 Razor 形式中使用 Datepicker - ASP.NET MVC

Question

我有一个我喜欢并且有效的日期选择器。它显示为一个与表单的其余部分一致的整洁的框，单击该框会提示一个日期选择器组件，当选择日期时，会填充一个文本框。

标记：

<div class="form-group">
    <div id="datepicker-group" class="input-group date" data-date-format="dd/mm/yyyy">
        <input class="form-control" name="data" type="text" />
        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
    </div>
</div>

jQuery

 <script>    
        $(document).ready(function() {
            $("#datepicker-group").datepicker({
                format: "dd-M-yyyy",
                todayHighlight: true,
                autoclose: true,
                clearBtn: true
            });
        });
 </script> 

我还有一个正在构建的表单@Html.BeginForm，模型中的其他属性通过自由文本字段分配其值，@Html.TextBoxFor这很简单。如何将此日期选择器 div 放入可分配给我的StartDate属性的表单字段中？除了能够单击该框并弹出日期选择器组件的功能之外，我还想保留当前日期选择器框的外观​​和感觉。

Answer 1

在 Razor 中您还可以执行以下操作：

<input asp-for="StartDate" type="date" class="form-control" />

type可：

• 日期
• 约会时间
• 日期时间本地