在 asp.net 后面的代码中获取引导 dateTimePicker 值

Question

我的 Asp.net 项目中有以下 dateTimePicker，它运行良好。我现在需要从后面的代码中访问所选日期和时间的值。

<label for="couponDatetimepickerEnd">Coupon Valid To</label>
<br/>
<div class="row">
  <div class="col-sm-6">
    <div class="form-group">
      <div class="input-group date" id="couponDatetimepickerEnd" runat="server">
        <input type="text" class="form-control" />
        <span class="input-group-addon">
          <span class="glyphicon glyphicon-calendar"></span>
        </span>
      </div>
    </div>
  </div>
</div>

这是我启动 dateTimePicker 的 JavaScript 代码

<script type="text/javascript">
  $(document).ready(function () {
    $('#couponDatetimepickerEnd').datetimepicker({
      sideBySide: true
    });
  });

  function getEndDate() {
    return $('#couponDatetimepickerEnd').val()
  };
</script>

如您所见，我添加了另一个函数 getEndDate()，我希望它能够获取值并在调用时将其返回给我的代码。

这是我试图获取价值的代码。如您所见，我尝试了两种不同的方法来访问我的 dateTimePickers 的值，但都不起作用。

protected void setCouponOk_Click(object sender, EventArgs e)
{
    var offerStartString = ScriptManager.RegisterStartupScript(
        this, 
        this.GetType(), 
        "startDate", 
        "getStartDate();", 
        true);

    var offerEndString = ScriptManager.RegisterStartupScript(
        this, 
        this.GetType(), 
        "endDate", 
        "getEndDate();", 
        true);

    //var offerStartString = Page.Request.Form["couponDatetimepickerStart"];
    //var offerEndString = Page.Request.Form["couponDatetimepickerEnd"];
    DateTime offerStart = DateTime.Parse(offerStartString);
    DateTime offerEnd = DateTime.Parse(offerEndString);
}

Answer 1

您无法像这样在服务器端获取值 - 代码正在客户端上运行，无法将其发送到服务器。

您可以将input 设为runat="server" 并通过控件的Id 访问该值，或者在请求期间检查Request 集合。