c# - 日期时间选择器 Asp。网。如何将文本框与在服务器上运行的 HiddenField 链接

Question

我使用这个 datetimepicker：https ://github.com/smalot/bootstrap-datetimepicker 。我需要得到一个我选择到服务器端的值，但我总是得到空值。

我试过这样的事情：

<div class="input-group date form_date col-md-2" data-date="" data-date-format="dd MM yyyy" data-link-field="HiddenDate2" data-link-format="dd-mm-yyyy">
  <input class="form-control" size="16" type="text" value="" readonly>
  <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
<asp:HiddenField ID="HiddenDate2" Value="" runat="server" />

有任何想法吗？

Answer 1

在您的 jquery 中使用 onSelect 事件

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>


 <div class="form-group DateTime col-lg-3">
  <div class="input-group datetimepicker">
   <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
    <asp:TextBox ID="txtDateTime" runat="server" CssClass="form-control" />
  </div>
 </div>

查询：

 $('.DateTime .input-group.datetimepicker').datetimepicker({
onSelect: function(){
    $("#<%=HiddenDate2.ClientID%>").val(this.value)
   }
});

参考：JSFiddle