Share Tạo datepicker dễ dàng với thư viện Datepicker

filiallion · 02/02/2021

Nếu website của các bạn có chức năng chọn ngày datepicker thì thư viện Datepicker sẽ là sự lựa chọn tốt, đơn giản trong việc tích hợp. Cũng giống như các thư viện hỗ trợ tạo datepicker khác, thư viện Datepicker có thể hỗ trợ chọn ngày, chọn tháng và chọn năm. Với nhiều tuỳ chọn khi cài đặt sẽ giúp các bạn dễ dàng điều khiển, tạo ra một chức năng datepicker chuyên nghiệp cho website. Ngoài các tuỳ chọn của thư viện Datepicker, các bạn còn có thể sử dụng các phương thức, các sự kiện được cung cấp để thiết kế hoạt động của datepicker theo mong muốn của các bạn.

Thư viện Datepicker được phát triển dựa trên nền tảng jQuery, các bạn cần phải tích hợp thư viện jQuery vào website trước khi khai báo sử dụng thư viện Datepicker.

Các bạn có thể tải về thư viện Datepicker tại địa chỉ https://github.com/fengyuanchen/datepicker và tích hợp vào website với nội dung mã lệnh HTML như sau:

HTML:

<link href="path/to/datepicker.min.css" rel="stylesheet">
<script src="path/to/jquery.min.js"></script>
<script src="path/to/datepicker.min.js"></script>

Bây giờ, các bạn tạo thành phần muốn sử dụng chức năng datepicker như ví dụ sau:

HTML:

<input type="text" id="datepicker">

Tiếp theo, các bạn cài đặt thư viện Datepicker với nội dung mã lệnh JavaScript sau:

JavaScript:

$(function() {
    $('#datepicker').datepicker();
});

Các bạn có thể tìm hiểu thêm về thư viện Datepicker tại địa chỉ https://fengyuanchen.github.io/datepicker.

Share Tạo datepicker dễ dàng với thư viện Datepicker

filiallion

Administrator