Create a Popup Calendar in ASP.NET

This example assumes the main page from which users will pop up the calendar is named Calender.aspx. The following procedure shows how to create the popup calendar:

  1. In Calendar.aspx, add these controls:
  2. LinkButton
  3. Create a TextBox to display the selected date:
  4. Place the following JavaScript function in the Calendar.aspx page:
  5. Create a new .aspx page named DatePicker.aspx. This is the page that pops up when users click the calendar LinkButton.
  6. Place an ASP.NET Calendar control on this page.
  7. Put the following code in the Calendar’s DayRender event handler:
  8. // C#protected void Calendar1_DayRender(   object sender, DayRenderEventArgs e){       HyperLink hlnk = new HyperLink();   hlnk.Text = ((LiteralControl)e.Cell.Controls[0]).Text;   hlnk.Attributes.Add("href", "javascript:SetDate('" +       e.Day.Date.ToShortDateString() + "')");   e.Cell.Controls.Clear();   e.Cell.Controls.Add(hlnk);}
    // VBProtected Sub DatePicker_DayRender(   ByVal sender As Object, ByVal e As    System.Web.UI.WebControls.DayRenderEventArgs)    Handles DatePicker.DayRender   Dim hl As New HyperLink()   hl.Text = CType(e.Cell.Controls(0), _      LiteralControl).Text   hl.NavigateUrl = "javascript:SetDate( _       '" & e.Day.Date.ToShortDateString() & "');"   e.Cell.Controls.Clear()   e.Cell.Controls.Add(hl)End Sub

  9. Copy the following JavaScript function into DatePicker.aspx.

At this point, you should be able to click the button to pop up the calendar. When users select a date, the calendar popup window will close, and the selected date will appear in the Textbox.

Share the Post:
Share on facebook
Share on twitter
Share on linkedin

Overview

The Latest

iOS app development

The Future of iOS App Development: Trends to Watch

When it launched in 2008, the Apple App Store only had 500 apps available. By the first quarter of 2022, the store had about 2.18 million iOS-exclusive apps. Average monthly app releases for the platform reached 34,000 in the first half of 2022, indicating rapid growth in iOS app development.

microsoft careers

Top Careers at Microsoft

Microsoft has gained its position as one of the top companies in the world, and Microsoft careers are flourishing. This multinational company is efficiently developing popular software and computers with other consumer electronics. It is a dream come true for so many people to acquire a high paid, high-prestige job

your company's audio

4 Areas of Your Company Where Your Audio Really Matters

Your company probably relies on audio more than you realize. Whether you’re creating a spoken text message to a colleague or giving a speech, you want your audio to shine. Otherwise, you could cause avoidable friction points and potentially hurt your brand reputation. For example, let’s say you create a