asp.net中的引导数据采集器

asp.net中的引导数据采集器,asp.net,vb.net,Asp.net,Vb.net,我对在我的小项目中编写和尝试bootstrap datepicker还不熟悉。 我在代码中使用了引导日期选择器。它可以很好地选择一个日期并填充到框中,但我不知道如何在codebehind中访问这个日期。 这是我的密码: <div class="form-group"> <asp:Label ID="lblDOB" runat="server" CssClass="col-xs-12"

我对在我的小项目中编写和尝试bootstrap datepicker还不熟悉。 我在代码中使用了引导日期选择器。它可以很好地选择一个日期并填充到框中,但我不知道如何在codebehind中访问这个日期。 这是我的密码:

    <div class="form-group">
                                          <asp:Label ID="lblDOB" runat="server" CssClass="col-xs-12"  class="form-control" Text="Date Of Birth" Font-Bold="true"></asp:Label>
                                          <div class="row">
                                        <!-- Include Bootstrap Datepicker -->
                                        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" />
                                        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css" />
                                        <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>

                                    <div class="form-group">
                                     <div class="col-xs-12 date">
                                     <div class="input-group input-append date" id="datePicker">
                                     <input type="text" class="form-control" name="date" />
                                       <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
                                        </div>
                                        </div>
                                         </div>
                                      <script>
                                         $(document).ready(function() {
                                         $('#datePicker')
                                         .datepicker({
                                         format: 'mm/dd/yyyy'
                                           })
                                       .on('changeDate', function(e) {
                                       // Revalidate the date field
                                      $('#eventForm').formValidation('revalidateField', 'date');
                                        });

                                      $('#eventForm').formValidation({
                                       framework: 'bootstrap',
                                     icon: {
                                      valid: 'glyphicon glyphicon-ok',
                                      invalid: 'glyphicon glyphicon-remove',
                                      validating: 'glyphicon glyphicon-refresh'
                                                },
                                    fields: {
                                         name: {
                                         validators: {
                                         notEmpty: {
                                        message: 'The name is required'
                                         }
                                         }
                                       },
                                   date: {
                                       validators: {
                                       notEmpty: {
                                      message: 'The date is required'
                                            },
                                        date: {
                                    format: 'MM/DD/YYYY',
                                    message: 'The date is not a valid'
                                         }
                                       }
                                    }
                                  }
                               });
                              });
                        </script>
                    </div>
                </div>
<div class="form-group">
                                          <asp:Label ID="lblEmail" runat="server" CssClass="col-xs-12" AssociatedControlID="txtEmail" class="form-control" Text="Email"></asp:Label>
                                          <asp:TextBox ID="txtEmail" runat="server" CssClass="form-control" placeholder="Enter Email"></asp:TextBox>
                                      </div>
                                      <div class="form-group">
                                          <asp:Label ID="lblPhoneNumber" runat="server" CssClass="col-xs-12" AssociatedControlID="txtPhoneNumber" class="form-control" Text="Phone Number"></asp:Label>
                                          <asp:TextBox ID="txtPhoneNumber" runat="server" CssClass="form-control"  placeholder="Enter Primary Phone Number"></asp:TextBox>
                                      </div>
                                      <div class="form-group">
                                          <asp:Label ID="lblSecondaryNumber" runat="server" CssClass="col-xs-12" AssociatedControlID="txtSecondaryNumber" class="form-control" Text="Secondary Phone Number"></asp:Label>
                                          <asp:TextBox ID="txtSecondaryNumber" runat="server" CssClass="form-control"  placeholder="Enter Secondary Phone Number"></asp:TextBox>
                                      </div>
 <div>
           <asp:Button ID="btnSubmit" runat="server" CssClass="btn btn-primary btn-lg" Text="submit" />
      </div>

如果我想在我的codebehind中使用电子邮件,那么我会使用txtEmail.text,但我不知道如何在我的codebehind中获取datepicker中的值。我将其与datepicker.text绑定,因为datepicker是给div的id,但它不起作用。

datepicker似乎正在获取存储在以下位置的值:

<input type="text" class="form-control" name="date" />

尝试在其中添加一个runat=“server”属性,然后在代码中使用该Id来获取它

<input type="text" class="form-control" name="date" />