ASP.Net: sử dụng calendar ajax control toolkit

ASP.Net: sử dụng calendar ajax control toolkit

Chào mọi người, trong lập trình web mọi người vẫn thường hay dùng calendar hay nói cách khác là tạo nút chọn ngày tháng năm để điền vào trong textbox, công việc này gần như là rất cần thiết nhất là trong lúc đăng ký thành viên, update bài viết … cần xử lý ngày tháng, hôm nay mình sẽ giới thiệu với các bạn cách tạo nó trong WEB ASP.Net

Trước tiên nói về công dụng của việc tạo ra calendar trong thiết kế web, bạn có thể cho người dùng nhập thông tin ngày tháng năm vào trong textbox và bạn insert vào trong bảng dữ liệu, tuy nhiên bạn phải xử lý lỗi rất khó khăn vì không phải lúc nào người dùng cũng nhập đúng cấu trúc mà mình qui định. Do đó người ta nghĩ đến một cái gì đó tự động và cho người dùng chọn mà thôi! Đó chính làm calendar ajax control toolkit trong ASP.Net.

Tạo nút chọn ngày tháng năm muốn làm được việc này bạn phải cài đặt ajax control toolkit và bộ thư viện, công cụ, control thuộc ajax control toolkit trong đó có calendar.

Sau khi cài đặt vào hoàn chỉnh tất cả bạn vào trong Visual Studio tạo dự án, trong đó bạn kéo vào giao diện một ScriptManager đây là điều mà bạn phải làm đầu tiên khi sử dụng ajax control toolkit trong asp.net.

ScriptManager trong calendar ajax control toolkit

ScriptManager trong calendar ajax control toolkit

<!--

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

-->

Sau đó bạn chèn vào một textbox để hiển thị ngày tháng.

<!--

     <asp:TextBox ID="txtNgaySinh" runat="server" Width="200px"></asp:TextBox>

-->

Tiếp đến bạn kéo vào CalendarExtender từ bên thanh công cụ vào, đây là điều khiển lấy ngày tháng năm để vào textbox khi mình liên kết chúng lại.

Kéo CalendarExtender vao trong trang web

Kéo CalendarExtender vao trong trang web

<!--

    <cc1:CalendarExtender ID="CalNgaySinh" runat="server">

    </cc1:CalendarExtender>

-->

Sau đó bạn khai báo các thông số thêm vào như sau:

<!--

    <cc1:CalendarExtender ID="CalNgaySinh"

        Format="dd/MM/yyyy"

        TargetControlID="txtNgaySinh"

        PopupButtonID="ibtCal"

        runat="server">

    </cc1:CalendarExtender>

-->

Giải thích:

  • Format=”dd/MM/yyyy”: định dạng kiểu hiển thị ngày tháng năm
  • TargetControlID=”txtNgaySinh”: Tương tác với textbox có tên txtNgaySinh
  • PopupButtonID=”ibtCal”: Hoạt động cho một button có tên ibtCal

Bây giờ tạo button như đã khai báo như trên.

<!--

<asp:ImageButton ID="ibtCal" runat="server" Height="18px"

                    ImageUrl="Địa chỉ hình/cal.png" Width="18px"

                    onclick="ibtCal_Click" />

-->

Đây là một Image button để cho đẹp, và với cách làm như trên bạn click vào trong Image button lập tức hiển thị ra một calendar cho bạn chọn vào sẽ tự điền vào trong textbox.

Demo sử dụng calendar ajax control toolkit trong ASP.Net

Demo sử dụng calendar ajax control toolkit trong ASP.Net

Kết luận: Vậy coi như mình đã hoàn thành được calendar ajax control toolkit, hình demo trên là áp dụng cho một form đăng ký thành viên, sau khi có dữ liệu trên textbox rồi thì mọi người cứ insert vào database thôi!

Bạn thấy bài viết này như thế nào?: 
Average: 9.5 (2 votes)
Ảnh của Tommy Tran

Tommy Tran owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy
  • Phone/Zalo: (+84) 944 225 212
  • WhatsApp: (+84) 944 225 212
  • Line Messenger: (+84) 944 225 212
  • Email: [email protected]
  • Telegram Messenger: https:/t.me/tommytran0401

Bình luận (0)

 

Add Comment

Plain text

  • No HTML tags allowed.
  • Các địa chỉ web và email sẽ tự động được chuyển sang dạng liên kết.
  • Tự động ngắt dòng và đoạn văn.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
6 + 0 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Buổi ra mắt Facebook Home không khác gì lần thuyết trình về Windows Phone 7.5

Buổi ra mắt Facebook Home không khác gì lần thuyết trình về Windows Phone 7.5

Frank Shaw, phó chủ tịch phụ trách truyền thông của tập đoàn Microsoft, cho rằng nội dung buổi ra mắt Facebook Home không khác gì lần thuyết trình về Windows Phone 7.5 cách đây hai năm.

Drupal 8 Upgrade, nâng cấp Drupal 6, Drupal 7 lên Drupal 8

Drupal 8 Upgrade, nâng cấp Drupal 6, Drupal 7 lên Drupal 8

All this excited talk of Drupal 8 has a lot of people dreaming of the day they get to start working with it. Some people get to build new sites from scratch all the time, but a lot of Drupal work out there

Bước 4: Posting Jobs of team Drupal

Bước 4: Posting Jobs of team Drupal

You might already be thinking of the obvious places to post your job, on job search networks, LinkedIn, Twitter and Facebook, and so forth. However, the Drupal community provides some opportunities as well. There is a great guide on Drupal.org on about where you can advertise your jobs. 

Wordpress Freelancer

 

Wordpress Freelancer