如何从图标弹出的日历中将选定的日期放入文本框中？

Question

我正在使用 C# 在 Asp.net-MVC 5 中设计一个项目。我有一个文本框以及最后附加的日历图标。 代码如下：

设计：

<div class="col-md-4  col-lg-4">
   <label>From</label>
   <div class="input-group date">
      <input type="text" name="q" id="txtFrom" class="form-control" >
      <span class="input-group-btn">
      <button type="submit" name="search" id="datepicker" class="btn btn-flat btn-success">
      <i class="fa fa-calendar"></i>
      </button>
      </span>
   </div>
</div>

脚本：

<script>
        $(function () { 
          $('#txtFrom').datepicker({
           autoclose: true
       })       
   })
</script>

这个工作正常，就像当我单击文本框时，日历会弹出并且所选日期显示在“从”文本框中。

但是，我需要的是 - 只有当日历图标被点击并且所选日期必须显示在“发件人”文本框中时才会弹出日历。

如果我将脚本更改如下

脚本：

 <script>
        $(function () { 
          $('#datepicker').datepicker({
           autoclose: true
       })       
   })
</script>

然后在单击日历图标时弹出弹出窗口，但该值未发送到文本框。 我的文本框设计图片：

请帮助。 TIA。

Answer 1

你可以尝试使用html5标签

<input type="date">

Answer 2

如果您只想选择年份，就像您在评论中询问的那样，请参阅：

Can I use an HTML input type "date" to collect only a year?

或者这个（更好）：

`http://jsfiddle.net/lemonkazi/ucfxywh6/`