asp.net自带时间选择控件Calendar，[asp.net基础]

2023-09-26 19:20:34

asp.net自带的日期选择控件Calendar，功能非常强大。使用也很简单。

图示：

aspx：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="asp_Calendar.aspx.cs" Inherits="asp_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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="asp_Calendar_bubufx.gif" OnClick="ImageButton1_Click" />
        <asp:Calendar ID="Calendar1" runat="server" Visible="false" 
            onselectionchanged="Calendar1_SelectionChanged" ShowGridLines="True"    >
            <TodayDayStyle BackColor="#3366FF" />
        </asp:Calendar>
    </div>
    </form>
</body>
</html>

aspx.cs：

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

public partial class asp_Calendar : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
    {
        Calendar1.Visible = !Calendar1.Visible;
    }
    protected void Calendar1_SelectionChanged(object sender, EventArgs e)
    {
        TextBox1.Text = Calendar1.SelectedDate.ToString("yyyy-MM-dd");
        Calendar1.Visible = false;
    }
}

简单的不能再简单的例子。Calendar的属性非常强大，可以根据自己的实际需求进行设置。列一下属性们如下：

描述	.NET
Caption	日历的标题。
CaptionAlign	日历标题文本的对齐方式。
CellPadding	单元格边框与内容之间的空白，以像素计。
CellSpacing	单元格之间的空白，以像素计。
DayHeaderStyle	显示一周中某天的名称的样式。
DayNameFormat	显示周中各天的名称格式。
DayStyle	显示日期的样式。
FirstDayOfWeek	哪天是周的第一天。
NextMonthText	显示下一月链接的文本。
NextPrevFormat	下一月和上一月链接的格式。
NextPrevStyle	显示下一月和上一月链接的样式。
OtherMonthDayStyle	显示不在当前月中的日期的样式。
PrevMonthText	显示上一月链接的文本。
runat	规定该控件是服务器控件。必须设置为 "server"。
SelectedDate	选定的日期。
SelectedDates	选定的日期。
SelectedDayStyle	选定日期的样式。
SelectionMode	允许用户如何选择日期。
SelectMonthText	显示为月份选择链接的文本。
SelectorStyle	月份和周的选择链接的样式。
SelectWeekText	显示为周的选择链接的文本。
ShowDayHeader	布尔值，该值指示是否显示一周中各天的标头。
ShowGridLines	布尔值，规定是否显示日期之间的网格线。
ShowNextPrevMonth	布尔值，规定是否显示下一月和上一月链接。
ShowTitle	布尔值，规定是否现实日期的标题。
TitleFormat	日期标题的格式。
TitleStyle	日期标题的样式。
TodayDayStyle	当天的日期的样式。
TodaysDate	获取或设置今天的日期的值。
UseAccessibleHeader	规定是否使用 <th> 来代替 <td> 元素用于日的头部。
VisibleDate	获取或设置指定要在 Calendar 控件上显示的月份的日期。
WeekendDayStyle	周末的样式。
OnDayRender	当每一天的单元格被创建时，所执行的函数的名称。
OnSelectionChanged	当用户选择天、周或月时，所执行的函数的名称。
OnVisibleMonthChanged	当用户导航到不同的月时，所执行的函数的名称。

asp.net自带时间选择控件Calendar，[asp.net基础]

码农公寓

相关文章