Ngôn ngữ ASP.NET - Điều khiển Calendar

Điều khiển Calendar của Web Forms

Một điều chắc chắn rằng điều khiển Calendar đã quá quen thuộc với các bạn lập trình ứng dụng trên windows, nó có giao diện trực quan. Vì vậy, người dùng có thể chọn ngày dễ dàng.

Để tạo Calendar bạn có thể viết code hoặc kéo thả từ công cụ trực quan của Visual Studio.

Cú pháp tạo điều khiển Calendar phía Server:

< asp:CalendarID="Calendar1" runat="server" SelectedDate="2017-06-15" ></asp:Calendar>  

Phía server xử lý code trên trả về cho trình duyệt dạng HTML

<table id="Calendar1" cellspacing="0" cellpadding="2" title="Calendar"   
style="border-width:1px;border-style:solid;border-collapse:collapse;">  
<tr><td colspan="7" style="background-color:Silver;">  
<table cellspacing="0" style="width:100%;border-collapse:collapse;">  
<tr><td style="width:15%;">  
<a href="javascript:__doPostBack('Calendar1','V6330')"   
style="color:Black" title="Go to the previous month"></a>

Danh sách thuộc tính của điều khiển Calendar:

Thuộc tính Ý nghĩa
(ID) Qui định tên của điều khiển. Tên của điều khiển là duy nhất.
AccessKey Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng.
Attributes Tập hợp các thuộc tính của điều khiển HTML
BackColor Qui định màu nền của điều khiển.
BorderColor Qui định màu đường viền của điều khiển.
BorderStyle Qui định kiểu đường viền của điều khiển.
Text Chuỗi văn bản sẽ được hiển thị trên điều khiển. Trong trường hợp cả 2 thuộc tính ImageURL và Text được thiết lập, thuộc tính ImageURL được ưu tiên, thuộc tính Text sẽ được hiển thị như Tooltip
BorderWidth Qui định độ rộng của đường viền.
Enabled Qui định điều khiển có được hiển thị hay không. Giá trị mặc định của thuộc tính này là True – được phép hiển thị.
Font Qui định Font hiển thị cho điều khiển
ForeColor Qui định màu chữ hiển thị trên điều khiển
Height Qui định chiều cao của điều khiển
ToolTip Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển.
Width Qui định độ rộng của điều khiển.
DayNameFormat Cho phép bạn chỉ rõ sự xuất hiện các ngày của tuần, có thể là các giá trị: FirstLetter, FirstTwoLetters, Full, Short, và Shortest.
NextMonthText Chỉ định Text xuất hiện cho liên kết tháng tiếp theo
NextPrevFormat Cho phép bạn chỉ rõ định dạng tháng tiếp theo và tháng trước đó, nó có thể là các giá trị: CustomText, FullMonth, và ShortMonth.
PreMonthText Cho phép bạn chỉ định hiển thị text cho liên kế tháng trước đó
SelectedDate Cho phép bạn lấy về hoặc thiết đặt cho ngày lựa chọn
SelectedDates Cho phép bạn gán hoặc lấy về một tập các ngày được lựa chọn
SelectionMode Cho phép chỉ định các ngày được lựa chọn có giá trị như thế nào, nó có thể là các giá trị sau: Day, DayWeek, DayWeekMonth, và none.
SelectMonthText Cho phép hiển thị Text cho 1 tháng được chọn
SelectWeekText Cho phép hiển thị Text cho 1 tuần được chọn
ShowdayHeader Cho phép hiển thị tên ngày hay không trên đỉnh của điều khiển.
ShowNextPrevMonth Cho phép hiển thị hay không liên kết đến tháng tiếp theo hoặc tháng trước đó.
ShowTitle Cho phép bạn ẩn hay hiện Text trên thanh tiêu đề của điều khiểnCalendar.
TitleFormat Cho phép định dang text trên thanh tiêu đề, các giá trị của nó có thểlà Month và MonthYear.
TodaysDate Cho phép bạn chỉ rõ ngày hiện tại mặc định lấy ngày hiện tại trênServer.

Window thuộc tính của Calender:

Ví dụ: Tạo trang Calender.aspx trong trang này hiển thị Calender và sự kiện khi người sử dụng chọn ngày

//Calender.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Calender.aspx.cs"  
Inherits="WebFormsControlls.Calender" %>  
<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title></title>  
</head>  
<body>  
    <form id="form1" runat="server">  
        <h2>Select Date from the Calender</h2>  
        <div>  
            <asp:Calendar ID="Calendar1" runat="server"   
            OnSelectionChanged="Calendar1_SelectionChanged"></asp:Calendar>  
        </div>  
    </form>  
    <p>  
        <asp:Label runat="server" ID="ShowDate" ></asp:Label>  
    </p>  
</body>  
</html>  

//Calender.aspx.cs

using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.UI;  
using System.Web.UI.WebControls;  
namespace WebFormsControlls  
{  
    public partial class WebControls : System.Web.UI.Page  
    {  
        public void Calendar1_SelectionChanged(object sender, EventArgs e)  
        {  
            ShowDate.Text = "You Selected: "+Calendar1.SelectedDate.ToString("D");  
        }  
    }  
}  

Thực thi code cho xuất kết quả:

Khi người sử dụng chọn một ngày trên Calender thì kết quả