网站建设资讯

NEWS

网站建设资讯

ASP.NET中日历控件和JS版日历控件的使用方法-创新互联

这篇文章主要介绍“ASP.NET中日历控件和JS版日历控件的使用方法”,在日常操作中,相信很多人在ASP.NET中日历控件和JS版日历控件的使用方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ASP.NET中日历控件和JS版日历控件的使用方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

成都创新互联服务项目包括贡觉网站建设、贡觉网站制作、贡觉网页制作以及贡觉网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,贡觉网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到贡觉省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

今天小编带大家以做任务的形式了解ASP.NET中日历控件的使用方法,主要任务内容:
1、添加一个日历,设置日期以蓝色的完整名称显示,周末以黄色背景红色文字显示,而当前日期使用绿色背景显示,用户可以选择一天、一周或整个月,被选的天/周/月使用灰色背景色来显示。当选中一个日期后,把时间显示在下面的一个文本框中,效果如图所示:

2、设计一个注册页面,使用js日历控件帮助用户输入出生日期。效果如图所示:

ASP.NET中日历控件和JS版日历控件的使用方法

ASP.NET中日历控件和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.中编写如下代码:



 无标题页



  
  
         
 

(2)运行将光标移动到TextBox控件上时,就会激活,显示日历

运行效果图:

ASP.NET中日历控件和JS版日历控件的使用方法


ASP.NET中日历控件和JS版日历控件的使用方法

到此,关于“ASP.NET中日历控件和JS版日历控件的使用方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


分享文章:ASP.NET中日历控件和JS版日历控件的使用方法-创新互联
URL网址:http://njwzjz.com/article/dcsohj.html