How to use calendar control and JS version of calendar control in ASP.NET-C#.Net Tutorial-php.cn

Home

Backend Development

C#.Net Tutorial

How to use calendar control and JS version of calendar control in ASP.NET

高洛峰

Jan 04, 2017 pm 04:06 PM

Today, the editor will show you how to use the calendar control in ASP.NET in the form of a task. The main task content:
1. Add a calendar, set the date to be displayed in blue with the full name, and weekends in yellow The background text is displayed in red, while the current date is displayed with a green background. The user can select a day, week or entire month, and the selected day/week/month is displayed with a gray background color. When a date is selected, the time is displayed in a text box below. The effect is as shown in the figure:

2. Design a registration page and use the js calendar control to help the user enter the date of birth. The effect is as shown in the figure:

How to use calendar control and JS version of calendar control in ASP.NET

Learning Project 1 Calendar Calendar Control
1. Create a Calendar page under the site, and Drag and drop a TextBox control on the page to enter the date, set the properties of a Calendar1 calendar control, and set the date to be displayed with the complete name in blue, weekends to be displayed with red text on a yellow background, and the current date to be displayed with a green background. The user You can select a day, a week or an entire month. The selected day/week/month is displayed with a gray background color.
2. When the page is running, the SelectionChanged event will be triggered when the user selects a date on the Calendar1 control. Write the following code in the Calendar.aspx.cs file:

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

Learning Project 2 JS Version Calendar Control
(1) Create a JSCalendar.aspx page file under the site and add a TextBox control to the page , write the following 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) When running, move the cursor to the TextBox control, it will be activated and the calendar will be displayed

Running rendering:

How to use calendar control and JS version of calendar control in ASP.NET

The above is the entire content of this article. I hope it will be helpful for everyone to learn how to use the calendar control in ASP.NET.

For more related articles on how to use the calendar control in ASP.NET and the JS version of the calendar control, please pay attention to the PHP Chinese website!

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Beyond the Hype: Assessing the Current Role of C# .NETApr 30, 2025 am 12:06 AM

C#.NET is a powerful development platform that combines the advantages of the C# language and .NET framework. 1) It is widely used in enterprise applications, web development, game development and mobile application development. 2) C# code is compiled into an intermediate language and is executed by the .NET runtime environment, supporting garbage collection, type safety and LINQ queries. 3) Examples of usage include basic console output and advanced LINQ queries. 4) Common errors such as empty references and type conversion errors can be solved through debuggers and logging. 5) Performance optimization suggestions include asynchronous programming and optimization of LINQ queries. 6) Despite the competition, C#.NET maintains its important position through continuous innovation.

The Future of C# .NET: Trends and OpportunitiesApr 29, 2025 am 12:02 AM

The future trends of C#.NET are mainly focused on three aspects: cloud computing, microservices, AI and machine learning integration, and cross-platform development. 1) Cloud computing and microservices: C#.NET optimizes cloud environment performance through the Azure platform and supports the construction of an efficient microservice architecture. 2) Integration of AI and machine learning: With the help of the ML.NET library, C# developers can embed machine learning models in their applications to promote the development of intelligent applications. 3) Cross-platform development: Through .NETCore and .NET5, C# applications can run on Windows, Linux and macOS, expanding the deployment scope.

C# .NET Development Today: Trends and Best PracticesApr 28, 2025 am 12:25 AM

The latest developments and best practices in C#.NET development include: 1. Asynchronous programming improves application responsiveness, and simplifies non-blocking code using async and await keywords; 2. LINQ provides powerful query functions, efficiently manipulating data through delayed execution and expression trees; 3. Performance optimization suggestions include using asynchronous programming, optimizing LINQ queries, rationally managing memory, improving code readability and maintenance, and writing unit tests.

C# .NET: Building Applications with the .NET EcosystemApr 27, 2025 am 12:12 AM

How to build applications using .NET? Building applications using .NET can be achieved through the following steps: 1) Understand the basics of .NET, including C# language and cross-platform development support; 2) Learn core concepts such as components and working principles of the .NET ecosystem; 3) Master basic and advanced usage, from simple console applications to complex WebAPIs and database operations; 4) Be familiar with common errors and debugging techniques, such as configuration and database connection issues; 5) Application performance optimization and best practices, such as asynchronous programming and caching.

C# as a Versatile .NET Language: Applications and ExamplesApr 26, 2025 am 12:26 AM

C# is widely used in enterprise-level applications, game development, mobile applications and web development. 1) In enterprise-level applications, C# is often used for ASP.NETCore to develop WebAPI. 2) In game development, C# is combined with the Unity engine to realize role control and other functions. 3) C# supports polymorphism and asynchronous programming to improve code flexibility and application performance.

C# .NET for Web, Desktop, and Mobile DevelopmentApr 25, 2025 am 12:01 AM

C# and .NET are suitable for web, desktop and mobile development. 1) In web development, ASP.NETCore supports cross-platform development. 2) Desktop development uses WPF and WinForms, which are suitable for different needs. 3) Mobile development realizes cross-platform applications through Xamarin.

C# .NET Ecosystem: Frameworks, Libraries, and ToolsApr 24, 2025 am 12:02 AM

The C#.NET ecosystem provides rich frameworks and libraries to help developers build applications efficiently. 1.ASP.NETCore is used to build high-performance web applications, 2.EntityFrameworkCore is used for database operations. By understanding the use and best practices of these tools, developers can improve the quality and performance of their applications.

Deploying C# .NET Applications to Azure/AWS: A Step-by-Step GuideApr 23, 2025 am 12:06 AM

How to deploy a C# .NET app to Azure or AWS? The answer is to use AzureAppService and AWSElasticBeanstalk. 1. On Azure, automate deployment using AzureAppService and AzurePipelines. 2. On AWS, use Amazon ElasticBeanstalk and AWSLambda to implement deployment and serverless compute.

See all articles