Heim > Artikel > Backend-Entwicklung > So verwenden Sie die Kalendersteuerung und die JS-Version der Kalendersteuerung in ASP.NET

So verwenden Sie die Kalendersteuerung und die JS-Version der Kalendersteuerung in ASP.NET

高洛峰Original: 2017-01-04 16:06:492162Durchsuche

Heute zeigt Ihnen der Editor, wie Sie das Kalendersteuerelement in ASP.NET in Form einer Aufgabe verwenden:
1. Fügen Sie einen Kalender hinzu und legen Sie das Datum fest, das in Blau angezeigt werden soll der vollständige Name und die Wochenenden in Gelb. Der Hintergrundtext wird in Rot angezeigt, während das aktuelle Datum mit grünem Hintergrund angezeigt wird. Der Benutzer kann einen Tag, eine Woche oder den gesamten Monat auswählen, und der ausgewählte Tag/die ausgewählte Woche/der ausgewählte Monat ist mit grauer Hintergrundfarbe angezeigt. Wenn ein Datum ausgewählt wird, wird die Uhrzeit in einem Textfeld unten angezeigt. Der Effekt ist wie in der Abbildung dargestellt:

2. Entwerfen Sie eine Registrierungsseite und verwenden Sie das js-Kalendersteuerelement, um dem Benutzer bei der Eingabe des Datums zu helfen der Geburt. Der Effekt ist wie in der Abbildung dargestellt:

Lernprojekt 1 Kalender-Kalendersteuerung
1 Erstellen Sie eine Kalenderseite unter Site und ziehen Sie ein TextBox-Steuerelement per Drag & Drop auf die Seite, um das Datum einzugeben, legen Sie die Eigenschaften eines Calendar1-Kalendersteuerelements fest und legen Sie fest, dass das Datum mit dem vollständigen Namen in Blau und die Wochenenden mit rotem Text auf Gelb angezeigt werden sollen Hintergrund und das aktuelle Datum, das mit einem grünen Hintergrund angezeigt werden soll. Sie können einen Tag, eine Woche oder einen ganzen Monat auswählen. Der ausgewählte Tag/die ausgewählte Woche/der ausgewählte Monat wird mit einer grauen Hintergrundfarbe angezeigt.
2. Wenn die Seite ausgeführt wird, wird das SelectionChanged-Ereignis ausgelöst, wenn der Benutzer ein Datum im Calendar1-Steuerelement auswählt. Schreiben Sie den folgenden Code in die Datei Calendar.aspx.cs:

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
 {
  TextBox7.Text = Calendar1.SelectedDate.ToString();
  }
}

Learning Project 2 JS Version Calendar Control
(1) Erstellen Sie eine JSCalendar.aspx-Seitendatei unter der Site und fügen Sie ein TextBox-Steuerelement hinzu Schreiben Sie den folgenden Code in JSCalendar.aspx.:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>无标题页</title>
</head>
<body>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
  <form id="form1" runat="server">
  <div>
  
  <asp:TextBox ID="TextBox1" runat="server" CssClass="Wdate" Text=""
  onfocus="new WdatePicker(this,&#39;%Y-%M-%D-%h:%m&#39;,true,&#39;default&#39;)"></asp:TextBox>
  
  </div>
 </form>
</body>
</html>

(2) Bewegen Sie beim Ausführen den Cursor auf das TextBox-Steuerelement. Es wird aktiviert und der Kalender wird angezeigt

Laufendes Rendern:

So verwenden Sie die Kalendersteuerung und die JS-Version der Kalendersteuerung in ASP.NET

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für alle hilfreich ist, um die Verwendung zu erlernen das Kalendersteuerelement in ASP.NET.

Weitere verwandte Artikel zur Verwendung des Kalendersteuerelements in ASP.NET und der JS-Version des Kalendersteuerelements finden Sie auf der chinesischen PHP-Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：C# 2.0-Spezifikation (Iterator) (2)Nächster Artikel：C# 2.0-Spezifikation (Iterator) (2)

In Verbindung stehende Artikel

Mehr sehen