這篇文章主要介紹ASP.NET中如何實(shí)現(xiàn)彈出日歷，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

代碼如下：

<%@ Control Language="c#" AutoEventWireup="false" Codebehind="ctlCalendar.ascx.cs" Inherits="calendar.ctlCalendar" TargetSchema="/tupian/20230522/error.aspx




 
 
 
 
 
 
 
 
 
 
 

cs代碼

namespace calendar
{
 using System;
 using System.Data;
 using System.Drawing;
 using System.Web;
 using System.Web.UI.WebControls;
 using System.Web.UI.HtmlControls;
 /// 

 /// ctlCalendar 的摘要說(shuō)明。
 /// 
 public class ctlCalendar : System.Web.UI.UserControl
 {
 protected System.Web.UI.WebControls.TextBox TextBox1;
 protected System.Web.UI.WebControls.Panel pnlCalendar;
 protected System.Web.UI.HtmlControls.HtmlInputButton Button1;
 protected System.Web.UI.WebControls.Calendar Calendar1;
 private void Page_Load(object sender, System.EventArgs e)
 {
  // 在此處放置用戶代碼以初始化頁(yè)面
  if (!Page.IsPostBack)
  {
  this.TextBox1.Text = System.DateTime.Now.ToShortDateString();
  this.pnlCalendar.Attributes.Add("style","DISPLAY: none; POSITION: absolute");
  }
  else
  {
  string id = Page.Request.Form["__EVENTTARGET"].Substring(0,Page.Request.Form["__EVENTTARGET"].IndexOf(":"));
  if (id != this.ID) 
  {
   this.pnlCalendar.Attributes.Add("style","DISPLAY: none; POSITION: absolute");
  }
  else
  {
   this.pnlCalendar.Attributes.Add("style","POSITION: absolute");
  }
  }
  Page.RegisterClientScriptBlock("Script_Panel" + this.ID,
  "");  
  this.Button1.Attributes.Add("OnClick","On"+this.ID+"Click()");
 }
 #region Web 窗體設(shè)計(jì)器生成的代碼
 override protected void OnInit(EventArgs e)
 {
  //
  // CODEGEN: 該調(diào)用是 ASP.NET Web 窗體設(shè)計(jì)器所必需的。
  //
  InitializeComponent();
  base.OnInit(e);
 }
 /// 

 /// 設(shè)計(jì)器支持所需的方法 - 不要使用代碼編輯器
 /// 修改此方法的內(nèi)容。
 /// 
 private void InitializeComponent()
 {
  this.Calendar1.SelectionChanged += new System.EventHandler(this.Calendar1_SelectionChanged);
  this.Load += new System.EventHandler(this.Page_Load);
 }
 #endregion
 #region 日歷選擇時(shí)的事件
 private void Calendar1_SelectionChanged(object sender, System.EventArgs e)
 {
  this.TextBox1.Text = Calendar1.SelectedDate.ToShortDateString();
  this.pnlCalendar.Attributes.Add("style","DISPLAY: none; POSITION: absolute");
 }
 #endregion
 }
}

好了下面結(jié)果js+.net實(shí)現(xiàn)彈出日歷

在需要調(diào)用日期選擇的頁(yè)面放置兩個(gè)TEXTBOX與BUTTON以選擇開(kāi)始時(shí)間與結(jié)束時(shí)間，并在html代碼的 之前加入如下

javascript語(yǔ)句：

 
   function openModeBegin() 
   { 
   var returnValue=window.showModalDialog("CalendarForm2.aspx",Form1.TextBoxBeginDate.value);
   Form1.TextBoxBeginDate.value=returnValue; 
   } 
  
  
   function openModeEnd() 
   { 
   var returnValue=window.showModalDialog("CalendarForm2.aspx",Form1.TextBoxEndDate.value); 
   Form1.TextBoxEndDate.value=returnValue; 
   } 
 

以上語(yǔ)句定義了兩個(gè)模態(tài)對(duì)話框，當(dāng)調(diào)用模態(tài)對(duì)話框時(shí)打開(kāi)CalendarForm2.aspx頁(yè)面選擇日期，本頁(yè)面窗體FORM名稱為Form1，兩個(gè)TextBox分別接收傳遞進(jìn)來(lái)的兩個(gè)時(shí)間值而且應(yīng)該能互不影響。注意html中窗體的定義應(yīng)該與javascript中定義的對(duì)應(yīng)并且應(yīng)該是服務(wù)器端運(yùn)行的，如

ButtonBeginDate.Attributes.Add("onclick", "openModeBegin()"); 
  ButtonEndDate.Attributes.Add("onclick", "openModeEnd()");

CalendarForm3.aspx我們實(shí)際用到的日期選擇頁(yè)面包含一個(gè)日歷控件與一個(gè)Button一個(gè)TextBox，此處直接將日歷控件Calendar的選定值傳給第一個(gè)頁(yè)面WebForm1.aspx更簡(jiǎn)單，但我們沒(méi)有這樣做，不直接傳值主要是考慮到大多數(shù)用戶的使用習(xí)慣，在此將日歷控件選中的值傳給頁(yè)面上的TextBox，按下Button后再傳給WebForm1.aspx,還可以在用戶誤選后容易糾正。

以上是“ASP.NET中如何實(shí)現(xiàn)彈出日歷”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！