مقدمه و معرفی کنترل تقویم Calendar

مقدمه :

کنترل Calendar در صفحات ASP.Net برای نمایش یک تقویم ، بر روی صفحه استفاده می شود . این تقویم ، تاریخ ماه جاری را در قالب 6 هفته به کاربر نمایش می دهد . شما می توانید بین روزها و ماه ها حرکت کرده و تاریخ مورد نظر خود را انتخاب یا مشاهده نمایید . تاریخ نمایش داده شده توسط این کنترل ، تاریخ جاری سرور خواهد بود .
کنترل Calendar بر مبنای شی DateTime در ASP.Net ساخته شده و از طیف وسیعی از تاریخ پشتیبانی می کند . توسط این کنترل ، می توانید هر تاریخ دلخواهی بین سال های 0 تا 9999 بعد از میلاد مسیح را مشاهده و یا انتخاب نمایید . در حالت عادی ،تاریخ هر روز در کنترل به صورت یک لینک ( HyperLink )  ، می باشد که می تواند یک رویداد را اجرا کرده و یا صفحه را PostBack نماید .
در هنگام اجرای صفحات ASP.Net ، کنترل Calendar به صورت یک تگ < Table > تولید و نمایش داده می شود . بنابراین برخی خواص خروجی این کنترل ، بر پایه خواص و قابلیت های تگ < Table > در HTML بستگی دارد . برخی از این خواص توسط مرورگرهای قدیمی به خوبی پشتیانی نمی شود .
شکل کلی تعریف و نمایش کنترل Calendar در صفحه های ASP.Net به صورت زیر است :

Syntax

< asp:Calendar ID="Calendar1" runat="server" >   < /asp:Calendar > / >
 

<

June 2013

>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

نحوه قرار دادن یک کنترل Calendar بر روی صفحه ASP.Net :

1. ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید .
2. از منوی Toolbox و از قسمت کنترل های Standard یک کنترل Calendar را کشیده و روی صفحه قرار دهید .
3. همچنین می توانید به صورت مستقیم در قسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید .

---

فعال سازی یا عدم فعال سازی انتخاب تاریخ :

به صورت پیش فرض ، کاربر می تواند تاریخ دلخواه بر روی کنترل Calendar انتخاب نماید . اما چنانچه کنترل را به صورت فقط خواندنی read-only تنظیم نمایید ، آنگاه کنترل فقط تاریخ را نشان داده و دیگر تاریخ قابل انتخاب نیست . برای این منظور باید مقدار خاصیت SelectionMode کنترل را روی مقدار None تنظیم کنید . این مطلب را در مثال زیر نمایش داده ایم :
مثال : در مثال زیر یک دو کنترل Calendar را نمایش داده ایم . در کنترل اول امکان انتخاب تاریخ وجود دارد ، اما کنترل دوم را به صورت فقط خواندنی تنظیم کرده ایم :

Example

< asp:Calendar ID="Calendar2" runat="server" >   < /asp:Calendar >

< asp:Calendar ID="Calendar3" runat="server" SelectionMode="None" >   < /asp:Calendar >

کد

<

June 2013

>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

<

June 2013

>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

خروجی

---

موارد استفاده کنترل Calendar :

از کنترل Calendar می توان برای انجام کارهای مختلفی استفاده نمود . در لیست زیر به چند مورد از این کارها اشاره کرده ایم :

• انتخاب تاریخ :
  همانطور که گفتیم ، این کنترل تاریخ ماه جاری را نمایش داده و کاربر می تواند بین روزها ،ماه ها و حتی سال ها حرکت کرده و تاریخ مورد نظر خود را مشاهده و یا انتخاب نماید .
  تنظیم خاصیت SelectedDate باعث می شود تا تاریخ انتخاب شده به صورت رنگی ( HighLight ) نمایش داده شود . همچنین می توان کاری کرد تا کاربر بتواند چندین تاریخ مورد نظر خود را انتخاب نماید .
• نمایش دادن تاریخ ملاقات ، حوادث و یا سایر اطلاعات :
  توسط این کنترل و اتصال آن به یک منبع داده ، می توان تاریخ ملاقات ، حوادث و یا سایر اطلاعات مربوط به هر روز را نمایش داد . این روش را در بخش راهکارهای موثر در ASP.Net نشان داده ایم .