MVC 5中带有日期选择器图标的文本框

Text box with datepicker icon in MVC 5

本文关键字：图标 文本 选择器 日期 MVC      更新时间：2023-09-26

我有一个文本框，单击它将显示日期选择器。但是现在需要添加日历图标。日期选择器图标必须在文本框内，无论我单击日期选择器图标还是文本框，它都应该显示日期选择器。我正在使用以下代码：

  @Html.TextBoxFor(model => model.myDatePicker, new { @class = "form-control myDatePicker" })
  <span class="glyphicon glyphicon-calendar"></span>

由于Span在@Html之外。下一行将显示日历图标的文本框。（发布图片需要10个信誉点-因此无法添加该图片）
有没有办法在@Html.TextBoxFor中包含日历图标？

或者我应该添加css来完成它吗？

对此的任何意见都将有所帮助。

试试这个：

<div>
  @Html.TextBoxFor(model => model.myDatePicker, new { @class = "form-control myDatePicker" })
  <span class="glyphicon glyphicon-calendar"></span>
</div>

或者这个：

<div>   
  <span class="glyphicon glyphicon-calendar"></span>
   @Html.TextBoxFor(model => model.myDatePicker, new { @class = "form-control myDatePicker" })
</div>

或者这个：

<div>   
  <span class="glyphicon glyphicon-calendar">
   @Html.TextBoxFor(model => model.myDatePicker, new { @class = "form-control myDatePicker" })
  </span>
</div>
相关文章：