C# 如何从从图标弹出的日历中将所选日期输入文本框？

我正在用C#在Asp.net-MVC5中设计一个项目。我有一个文本框和一个日历图标附加在最后。 编码如下：

设计：

<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>

从…起

脚本：

<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>

$（函数（）{
$（'#txtFrom'）。日期选择器({
自动关闭：正确
})       
})

这一个工作正常，就像我单击文本框时，日历弹出，所选日期显示在“发件人”文本框中

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

如果我改变了脚本如下

脚本：

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

$（函数（）{
$（“#日期选择器”）。日期选择器({
自动关闭：正确
})       
})

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

---

请帮忙。TIA。

您可以尝试使用html5标签

<input type="date">

---

您可以尝试使用html5标记

<input type="date">

---

如果您想选择仅年份，如您在评论中所问，请参见以下内容：

或者这个（甚至更好）：

---

如果您想选择仅年份，如您在评论中所问，请参见以下内容：

或者这个（甚至更好）：

---

---

为什么你要创建自己的日期选择器，HTML中有一个：

哦，如果我使用

type=“date”

意味着，我不需要调用我的日期选择器啊？如果日历通过单击图标弹出，并且所选日期将显示在文本框中，那会更好。@Presi还有一个疑问，我的几个文本框只需要选择年份。如何给年只日历？看我的答案，我举了一些例子。拿第二个来说，看起来更好。为什么你要创建自己的日期选择器，有一个来自HTML：

哦，如果我使用

type=“date”

意味着，我不需要给我的日期选择器打电话啊？如果通过单击图标弹出日历，并且所选日期将显示在文本框中，那会更好。@Presi再一次怀疑，我的几个文本框只需要选择年份。如何给年只日历？看我的答案，我举了一些例子。拿第二个来说，看起来更好。如果我添加了你的代码，我就不需要使用我的图标和日期选择器了对吗？如何在文本框中显示当前日期作为样本你可以写这个

，但值必须是当前日期。。如果我明天打开它，它会显示为今天的日期，对吗？还有一个疑问，我的几个文本框只需要选择年份。如何只给出年份日历？如果我添加了您的代码，我就不需要使用我的图标和日期选择器了吗？如何在文本框中显示当前日期作为示例您可以编写此

，但值必须是当前日期。。如果我明天打开它，它会显示为今天的日期，对吗？还有一个疑问，我的几个文本框只需要选择年份。如何给年只日历？小提琴一是我要找的。。但是我尝试了你的两个答案，但对我来说都不起作用。。我不知道。。我用了同样的代码…有什么问题吗？没有显示或发生了什么我使用了代码。。单击testbox时-没有任何更改。。我用的是你给我的小提琴上的代码，但是日历年的弹出框从来没有出现过。。这意味着脚本中的函数不起作用了啊？？我想你忘记添加javascript库了。小提琴中有资源。你需要他们来执行codeFiddle这是我要找的。。但是我尝试了你的两个答案，但对我来说都不起作用。。我不知道。。我用了同样的代码…有什么问题吗？没有显示或发生了什么我使用了代码。。单击testbox时-没有任何更改。。我用的是你给我的小提琴上的代码，但是日历年的弹出框从来没有出现过。。这意味着脚本中的函数不起作用了啊？？我想你忘记添加javascript库了。小提琴中有资源。您需要它们来执行代码