• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.NET中日历控件和JS版日历控件的使用方法(第5节)

    今天小编带大家以做任务的形式了解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控件上时,就会激活,显示日历

    运行效果图:


    为大家附3个精彩的专题:

    ASP.NET控件使用手册

    ASP.NET数据绑定控件使用汇总

    ASP.NET控件使用汇总

    以上就是本文的全部内容,希望对大家学习ASP.NET中日历控件的使用方法有所帮助。

    您可能感兴趣的文章:
    • 轻量级的原生js日历插件calendar.js使用指南
    • JS学习之一个简易的日历控件
    • js日历控件(可精确到分钟)
    • php+javascript的日历控件
    • 简约JS日历控件 实例代码
    • 修改js Calendar日历控件 兼容IE9/谷歌/火狐
    • JavaScript blog式日历控件新算法
    • 支持IE,Firefox的javascript 日历控件
    • 原生JS实现日历组件的示例代码
    • 原生Js实现日历挂件
    上一篇:ASP.NET中验证控件的使用方法
    下一篇:ASP.NET中Cookie的用法实例分析
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ASP.NET中日历控件和JS版日历控件的使用方法(第5节) ASP.NET,中,日历,控件,和,