如何从日历（从Icon弹出窗口）中的文本框中获取选定的日期？

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>

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

请帮助。 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/`