2011-09-06 48 views
0

我試圖做一個日曆彈出時,按鈕(...)被點擊,但我卡住,不知道我必須做什麼。以下是我正在使用的代碼。我使用visual studio 2010和C#作爲我的編程語言。點擊按鈕時,我需要做什麼來顯示日曆?

<asp:textbox id="TextBox1" runat="server"></asp:textbox> 
<input type="button" id="Button2" runat="server" value="...."><br> 
<asp:Panel id="pnlCalendar" runat="server" 
    style="POSITION: absolute"> 
<asp:calendar id="Calendar3" runat="server" CellPadding="4" 
     BorderColor="#999999" Font-Names="Verdana" Font-Size="8pt" 
     Height="180px" ForeColor="Black" DayNameFormat="FirstLetter" 
     Width="200px" BackColor="White"> 
    <TodayDayStyle ForeColor="Black" BackColor="#CCCCCC"></TodayDayStyle> 
    <SelectorStyle BackColor="#CCCCCC"></SelectorStyle> 
    <NextPrevStyle VerticalAlign="Bottom"></NextPrevStyle> 
    <DayHeaderStyle Font-Size="7pt" Font-Bold="True" BackColor="#CCCCCC"> 
    </DayHeaderStyle> 
    <SelectedDayStyle Font-Bold="True" ForeColor="White" BackColor="#666666"> 
    </SelectedDayStyle> 
    <TitleStyle Font-Bold="True" BorderColor="Black" BackColor="#999999"> 
    </TitleStyle> 
    <WeekendDayStyle BackColor="LightSteelBlue"></WeekendDayStyle> 
    <OtherMonthDayStyle ForeColor="#808080"></OtherMonthDayStyle> 
</asp:calendar> 
</asp:Panel> 

This is generated with my code

回答

0

您可以考慮使用jQuery UI Date picker ...靈活,客戶端和使用NuGet

安裝的NuGet您VS並鍵入安裝,包裝jQuery.UI需要兩分鐘設置。合併

包括需要的JavaScript庫,請按照示例,你很好去;)

+0

...我安裝了NuGet。你能請指導我下一步我要做什麼。感謝您的耐心 – mikespiteri

+1

我覺得這個網頁有你需要的所有信息;)http://docs.nuget.org/docs/start-here/Using-the- Package-Manager-Console –

4

ASP.NET Calendar很難以這種方式使用。更簡單的方法是使用或JQuery DatePicker

+1

我同意Ajax或JQuery會是更好的選擇。 – MStp

0

如果你真的想在服務器端做到這一點,那麼這是你可以做的。

bool showCalendar = false; 
protected void Page_Load(object sender, EventArgs e) 
{ 
    if (showCalendar) 
     Calendar1.Visible = true; 
    else 
     Calendar1.Visible = false; 
} 

protected void Button1_Click(object sender, EventArgs e) 
{ 
    Calendar1.Visible = true; 
} 

,基本建立Calendar.Visible對按鈕假,當用戶點擊其設置爲true,但一旦它被設置爲true ..它是不是真的彈出,但使用回傳

0

被添加控制當有人點擊文本字段本身時,您可以做到這一點。

 <asp:Label ID="lblDate" runat="server" Text="Date :"></asp:Label> 
     <asp:TextBox ID="txtDate" runat="server" ></asp:TextBox> YYYY-MM-DD 
     <asp:CalendarExtender ID="CalendarExtender1" TargetControlID="txtDate" runat="server" Format="yyyy-MM-dd"> 
     </asp:CalendarExtender> 
相關問題