Hôm nay mình đang 1 code web trên công ty, nên có tìm hiểu về datepicker, tình cờ mình thấy một thư viện khá dễ dùng và đẹp. Nay mình sẽ giới thiệu cho các bạn cách sử dụng plugin datepicker, cho jquery.

Nó sẽ có giao diện thế này, rất đẹp phải không?
Sau đây là chi tiết để import thư viện này.

Đầu tiên bạn download thư viện này về từ :
https://github.com/fengyuanchen/datepicker/archive/master.zip

download về giải nén ra bạn sẽ thấy folder chứa các thư mục sau:
+----------datepicker.js
  |-----------datepicker.css

import 2 file này vào file html của bạn.
Tiếp theo.
bạn dán dòng data-toggle="datepicker"
vào input bạn muốn hiển thị datepicker như ví dụ sau:

<input data-toggle="datepicker">

Tiếp theo  ta thêm dòng code javascript sau vào;

$('[data-toggle="datepicker"]').datepicker();

Đó là tất cả các bước để thêm datepicker vào dự án của bạn.

Ngoài ra plugin này, còn có thêm các tính năng khác như: chọn ngày, bắt đầu của dialog date, và format hiển thị. (mặc định là MM/dd/yyyy) bạn có thể tuỳ chỉnh theo ý của mình. 

Tham khảo thêm tại: https://github.com/fengyuanchen/datepicker