ASP.NET中 Calendar(日期控件)的使用

ylbtech-ASP.NET-Control-Basic:Calendar(日期控件)的使用

ASP.NET中 Calendar(日期控件)的使用。

1.A,运行效果返回顶部

Calendar(日期控件)

属性

值

作用

请选择日期：

2013年3月

周日

周一

周二

周三

周四

周五

周六

请选的日期为：2013-03-13

本地日期和时间为：2013-03-06 10:22:23

1.B,源代码返回顶部

/Calendar.aspx

View Code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Calendar.aspx.cs" Inherits="WebControls_Calendar" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 369px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <h3>Calendar(日期控件)</h3>
        <table style="width: 100%;">
            <tr>
                <td class="style1">
                    &nbsp;
                    属性</td>
                <td>
                    值</td>
                <td>
                    作用</td>
            </tr>
        </table>
        <hr />
        请选择日期：<asp:Calendar ID="calDate" runat="server"></asp:Calendar>
        <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
        <hr />
        请选的日期为：<asp:Label ID="lblState" runat="server"></asp:Label>
        <br />
        <br />
        本地日期和时间为：<asp:Label ID="lblBenDiShiJian" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>

/Calendar.aspx.cs

View Code

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebControls_Calendar : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        lblBenDiShiJian.Text = System.DateTime.Now.ToString();
    }
    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        lblState.Text = calDate.SelectedDate.ToShortDateString();
    }
}

1.C,资源下载返回顶部

https://files.cnblogs.com/ylbtech/WebForm-BasicControl-HTML.rar

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

posted on 2013-03-06 13:42 ylbtech 阅读(23730) 评论(0) 编辑收藏举报