javascript - 在 JavaScript 中获取 ASP.NET 控件 DatePicker 的值

Question

我对构建 ASP.NET C# 网页还比较陌生，现在才开始学习使用控件。

我有一个 ASP 控件形式的日期选择器，我想在 JavaScript 函数中检索和使用该值。计划根据日期范围过滤 jQuery DataTable。

起始日期和截止日期 HTML 输入元素如下(在 HTML 表格中):

<tr>
  <td>From:</td>
  <td><hei2:HEIDateEdit ID="dateFrom" runat="server" ShowClearButton="true" clientidmode="Static"/></td>
</tr>
<tr>
  <td>To:</td>
  <td><hei2:HEIDateEdit ID="dateTo" runat="server" ShowClearButton="true" clientidmode="Static"/></td>
</tr>

我通过 HTML 按钮的 onclick 调用 JS 函数。

目前，我只是尝试使用 JavaScript 的 confirm() 函数来显示所选日期。我尝试过的各种方法都返回了 undefined 和 [Object] [object]

[Object][object] 在我尝试时显示:

function testFunction() {
var fromDate = $('#dateFrom');
confirm(fromDate);
};

更新:

看来我只是没有正确访问元素的 ID 属性。

Answer 1

这个例子向您展示了如何为日历控件实现这一点，您也可以简单地为您的用户控件做同样的事情，当用户在 Calnedar 控件上的 OnSelectionChanged 事件上选择日期时，我编写了代码，您可以使用 onClick 事件让您的控件执行以下操作:

.aspx

    <asp:Calendar runat="server" ID="cal" ClientIDMode="Static" 
          OnSelectionChanged="cal_SelectionChanged"></asp:Calendar>

.aspx.cs

    protected void cal_SelectionChanged(object sender, EventArgs e)
    {
        ScriptManager.RegisterStartupScript(this, this.GetType(), "confirm", 
                              "confirm('" + cal.SelectedDate + "');", true);
    }

或者，您可以在 .aspx 文件中包含一个 javascript 函数，然后像这样从后面的代码中调用该函数:

.aspx

   <script> function onDateClicked(){
               //do whatever you want here
               confirm('<%: cal.SelectedDate %>'); 
               //do whatever you want here
            } 
   </script>
   <asp:Calendar runat="server" ID="cal" ClientIDMode="Static" 
          OnSelectionChanged="cal_SelectionChanged"></asp:Calendar>

.aspx.cs

    protected void cal_SelectionChanged(object sender, EventArgs e)
    {
        ScriptManager.RegisterStartupScript(this, this.GetType(), "confirm", 
                              "onDateClicked();", true);
    }