Can't get Datepicker working in ASP.NET content page
Hello!
Newbie to JQuery Datepicker here. I'm trying to use it in an ASP.NET C# form content page with no luck. I've even tried moving the scripts to the Master page, even though I'd prefer to just use it on a few content pages. Below is my code. Could someone please show me what code changes I need to make to get this working?
-
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="speaker_request_form.aspx.cs" Inherits="SpeakerRequest" MasterPageFile="~/MasterPages/Content.master" %>
<asp:Content runat="server" ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1">
<link rel="stylesheet" href="~\styles\datepicker.css" type="text/css" media="screen" charset="utf-8" />
<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
<Scripts>
<asp:ScriptReference Path="~/script/jquery-1.3.2.min.js" />
<asp:ScriptReference Path="~/script/JQueryDatePicker.js" />
<asp:ScriptReference Path="~/script/date.js" />
</Scripts>
</asp:ScriptManagerProxy>
<script type="text/javascript" charset="utf-8">
$(function()
{
$('.date-pick').datePicker();
});
</script>
<h2>Speaker Request Form</h2>
<table width="100%" cellpadding="1">
<tr><td>
<br />
<asp:Panel ID="SubmittedPanel" runat="server">
<p>Your Speaker Request form has been submitted. Thank you!</p>
</asp:Panel>
<asp:Panel ID="SpeakerRequestPanel" runat="server">
<p>Please complete the following information.</p>
<br />
<table class="box2" width="100%">
<tr><th colspan="2" height="20" align="center">Speaker Request Form</th></tr>
<tr><td valign="top"><p>Organization/Sponsor:</p></td>
<td><asp:TextBox ID="OrgSp" runat="server" MaxLength="350" Columns="18" Width="300"></asp:TextBox></td></tr>
<tr><td valign="top"><p>Event:</p></td>
<td><asp:TextBox ID="Title" runat="server" MaxLength="350" Columns="18" Width="300"></asp:TextBox></td></tr>
<tr><td valign="top"><p>Audience:</p></td>
<td><asp:TextBox ID="Audience" runat="server" MaxLength="350" Columns="18" Width="300"></asp:TextBox></td></tr>
<tr><td valign="top"><p>Event Start Date:</p></td>
<td>
<asp:TextBox ID="date1" runat="server" class="date-pick" /></asp:TextBox>
</td></tr>
<tr><td valign="top"><p>Event Start Time:</p></td>
<td><asp:TextBox ID="StartTime" runat="server" MaxLength="350" Columns="18" Width="300"></asp:TextBox></td></tr>
<tr><td valign="top"><p>Event City:</p></td>
<td><asp:TextBox ID="EventCity" runat="server" MaxLength="350" Columns="18" Width="300"></asp:TextBox></td></tr>
<tr><td colspan="2" align="center">
<asp:Button ID="SubmitButton" runat="server" Text="Press to Submit" OnClick="SubmitButton_Click" />
<asp:Button ID="ResetButton" runat="server" Text="Press to Clear" OnClick="ResetButton_Click" />
<br />
</td></tr></table>
</asp:Panel>
</td></tr></table>
</asp:Content>