2012-11-12 26 views
1

我正在使用ASP.NET的日曆控件來填充選定日期的文本框。當選擇一個日期時,它應該顯示在標籤上但是該標籤不顯示選定的日期。請幫忙。謝謝。在asp.net中使用日曆控件問題

這裏是我的代碼來獲得日期到標籤:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<script runat="server"> 

    protected void Calendar1_SelectionChanged(object sender, EventArgs e) 
    { 
     Label1.Text = Calendar1.SelectedDate.ToString(); 
    } 
</script> 
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> 
    MakeAppointment 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

    <form id="form1" runat="server" style="height: 388px"> 

    <h2>MakeAppointment<asp:Calendar ID="Calendar1" runat="server" 
      onselectionchanged="Calendar1_SelectionChanged"></asp:Calendar> 
    </h2> 

    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
    </form> 

</asp:Content> 

回答

0

嘗試指定language="c#"

<script language="c#" runat="server"> 
protected void Calendar1_SelectionChanged(object sender, EventArgs e) 
{ 
    Label1.Text = Calendar1.SelectedDate.ToString(); 
} 
</script> 

只是一個建議,你應該去jQuery UI Datapicker

演示:Datapicker

代碼示例:

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker" /></p> 


</body> 
</html>