在Razor窗体中使用日期选择器-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可以是：

• 日期
• 日期时间
• 本地日期时间

Answer 2

你不能只做这个吗

<div class="form-group">
<div id="datepicker-group" class="input-group date" data-date-format="dd/mm/yyyy">
@Html.TextBoxFor(x => x.StartDate, new {@class="form-control" })         
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>
</div>