这篇文章主要介绍“ASP.NET中日历控件和JS版日历控件的使用方法”，在日常操作中，相信很多人在ASP.NET中日历控件和JS版日历控件的使用方法问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”ASP.NET中日历控件和JS版日历控件的使用方法”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
今天小编带大家以做任务的形式了解ASP.NET中日历控件的使用方法，主要任务内容：
1、添加一个日历，设置日期以蓝色的完整名称显示，周末以黄色背景红色文字显示，而当前日期使用绿色背景显示，用户可以选择一天、一周或整个月，被选的天/周/月使用灰色背景色来显示。当选中一个日期后，把时间显示在下面的一个文本框中，效果如图所示：
2、设计一个注册页面，使用js日历控件帮助用户输入出生日期。效果如图所示：
学习项目一 Calendar日历控件
1、在站点下创建一个Calendar页面，并在页面上拖放一个TextBox控件用来输入日期，一个Calendar1日历控件对其进行属性设置，设置日期以蓝色的完整名称显示，周末以黄色背景红色文字显示，而当前日期使用绿色背景显示，用户可以选择一天、一周或整个月，被选的天/周/月使用灰色背景色来显示。
2、在页面运行时，当用户在Calendar1控件上选择日期后会触发SelectionChanged事件。在Calendar.aspx.cs文件中编写如下代码：
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
TextBox7.Text = Calendar1.SelectedDate.ToString();
}
}学习项目二 Js版日历控件
(1)在站点下创建一个JSCalendar.aspx页面文件,在页面中添加一个TextBox控件，在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,'%Y-%M-%D-%h:%m',true,'default')"></asp:TextBox> </div> </form> </body> </html>
(2)运行将光标移动到TextBox控件上时，就会激活，显示日历
运行效果图：
到此，关于“ASP.NET中日历控件和JS版日历控件的使用方法”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
