c# - 带有 jQ​​uery DatePicker 的 ASP.NET

Question

我想做这样的事情:http://jqueryui.com/datepicker/

但是，我不确定如何:

1. 我有一个 masterpage-content 页面，当我尝试复制该代码并将它们粘贴到内容页面时，它会说“XXXX 不能在内容区域中”。
2. 当用户点击提交按钮时，我如何将 textbox 中的日期传递给服务器端代码？

这是我的部分代码:

.aspx:

<asp:Content ID="Content4" ContentPlaceHolderID="MainContent1" runat="server">
    <p>Date: <input type="text" id="datepicker"></p>
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
    <asp:Label ID="lblOutput" runat="server" Text="Label"></asp:Label>
</asp:Content>

.cs:

protected void btnSubmit_Click(object sender, EventArgs e)
{
    lblOutput.Text = //The date from the datepicker
}

Answer 1

您需要在 html 中像这样使用 runat="server":

<input type="text" id="datepicker" runat="server">

然后在您的服务器端，您可以将 datepicker 作为服务器对象引用并访问 datepicker.Value。

@C.J 发表评论。这是 this link 中包含的源代码在问题上添加了 runat=server 所在的位置:

这会出现在您的母版页上:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

这会出现在您的内容页面:

<p>Date: <input type="text" id="datepicker" class="datepicker"></p>
<script>
  $(document).on('ready',function() {
    $( ".datepicker" ).datepicker();
  });
</script>