c# - ASP.NET with jQuery DatePicker - Stack Overflow

admin管理员组

文章数量:1287792

I would like to do something like this: /

However, I'm not exactly sure how:

1. I have a masterpage-content page, and when I tried to copy that code and paste them into the content page, it will say "XXXX cannot be in the content region".
2. When the user hit the submit button, how am I going to pass the date in the textbox to the server side code?

Here are parts of my code:

.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
}

I would like to do something like this: http://jqueryui./datepicker/

However, I'm not exactly sure how:

1. I have a masterpage-content page, and when I tried to copy that code and paste them into the content page, it will say "XXXX cannot be in the content region".
2. When the user hit the submit button, how am I going to pass the date in the textbox to the server side code?

Here are parts of my code:

.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
}

• c#
• javascript
• jquery
• asp
• datepicker

Share Improve this question Follow edited May 21, 2014 at 14:41 DanM7 2,24633 gold badges2929 silver badges4747 bronze badges asked May 21, 2014 at 14:13 C.J.C.J. 3,52799 gold badges3838 silver badges5353 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

You need to use the runat="server" like this in your html:

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

Then on your server side your can refer to datepicker as a server object and access datepicker.Value.

To @C.J ment. This is the source code included on this link added on the question, it is there where the runat=server goes:

This goes on your Master Page:

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

This goes on your Content Page:

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

HTML5 use type="date"

<asp:TextBox ID="tbDate" runat="server" type="date"></asp:TextBox>

You need to initialize your datepicker and add runat="server" to your input like this:

$(function() {
   $("#datepicker").datepicker();
});


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

本文标签： cASPNET with jQuery DatePickerStack Overflow