Tạo Ứng Dụng Date Picker Với jQuery Plugin DateSelector.js

DateSelector.js là một plugin nhỏ gọn và rất dễ sử dụng, nó sẽ tự động định dạng hiển thị ngày tháng tại thanh nhập liệu (input) với định dạng ngày/tháng/năm. Ngoài ra nó còn hỗ trợ cho các bạn các tính năng như : Chọn tháng từ tháng 1 đến tháng 12, và năm từ năm 1970 đến 2070, tự động vô hiệu hóa những ngày đã qua…

Simplest-jQuery-Date-Picker-Plugin-dateSelector-js

Cách dùng :

1. Chèn thư viện jQuery cùng với plugin và CSS files, các file này các bạn có thể tìm thấy ở link demo cũng như tại link download.

Dowload Jquey Plugin DateSelector

1

2

3

4

<link rel="stylesheet" href="path/to/dateselector.min.css">

...

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

<script src="path/to/dateselector.min.js"></script>

2. Tạo text input fileds trên website tại nơi mà các bạn muốn hiển thị.

1

2

3

4

5

<p>Start Date</p>

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

<p>End Date</p>

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

3. Gọi Plugin để thực thi ứng dụng.

1

2

3

$(document).ready(function() {

$('#test,#test2').dateSelector();

});

4. Sau đây là các biến được khai báo mặc định, các bạn có thể thêm vào các biến này để tùy chỉnh theo ý muốn.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

fullMonthNames: ["January", "February", "March", "April", "May", 

"June", "July", "August", "September", "October", "November", "December"],

shortMonthNames: ["Jan", "Feb", "Mar", "Apr", "May", 

"Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],

fullDayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", 

"Thursday", "Friday", "Saturday"],

shortDayNames: ["Sun", "Mon", "Tue", "Wed", 

"Thu", "Fri", "Sat"],

currentDate: "",

getDatesPerMonth: [],

currentDate: 0,

currentMonth: 0,

currentYear: 0,

fullCurrentDate: 0

Chúc các bạn thành công !

Chào mừng và rất vui các bạn đến với blog chia sẻ mình!

Tham quan du ngoạn từ Nam chí Bắc:

An Giang || Bà Rịa - Vũng Tàu || Bắc Giang || Bắc Kạn || Bạc Liêu || Bắc Ninh || Bến Tre || Bình Dương || Bình Định || Bình Phước || Bình Thuận || Cà Mau || Cao Bằng || Cần Thơ || Đà Nẵng || Đắk Lắk || Đắk Nông || Điện Biên || Đồng Nai || Đồng Tháp || Hà Giang || Hà Nam || Hà Tĩnh || Hải Dương || Hậu Giang || Hòa Bình || Hưng Yên || Khánh Hòa || Kiên Giang || Kon Tum || Lai Châu || Lâm Đồng || Lạng Sơn || Lào Cai || Long An || Về Miền Tây || Nam Định || Nghệ An || Ninh Bình || Ninh Thuận || Phú Thọ || Quảng Bình || Quảng Nam || Quảng Ngãi || Quảng Ninh || Quảng Trị || Sóc Trăng || Sơn La || Về Tây Nguyên || Tây Ninh || Thái Bình || Thái Nguyên || Thanh Hóa || Thừa Thiên Huế || Thành phố Hồ Chí Minh || Thủ Đô Hà Nội || Tiền Giang || Trà Vinh || Tuyên Quang || Vĩnh Long || Vĩnh Phúc || Yên Bái

|| || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || ||

Bộ sưu tập ảnh hot:

Album nghệ thuật Dương Quốc Định Full || Albums Quang Linh || Ảnh chỉ có Việt Nam || Ảnh cưới Collection || Ảnh đẹp Phương Tây || Ảnh đẹp Victoria’s Sceret tổng hợp || Ảnh độc cười ra nước mắt || Ảnh giải trí Châu Á || Ảnh giải trí Hàn Quốc || Ảnh giải trí Nhật Bản || Ảnh giải trí Thái Lan || Ảnh giải trí Trung Quốc || Ảnh nền PC || Ảnh nghệ thuật 3D || Ảnh Nude || Hoa đẹp bốn mùa nên xem || Hoa hậu thế giới Collection || Hoa hậu Việt Nam Collection || Hoa Phong Lan || Thư viện ảnh || Thời sự qua ảnh || Tranh đẹp của họa sĩ nổi tiếng

|| || || || || || || || || || || || || || || || || ||

Like bài viết nếu bạn thấy hay và có ích :

Admin: Haitaynamkg

Thích ngắm biển chiều hoàng hôn Tây Nam (Rạch Giá - Kiên Giang) và viết lách blog để chia sẻ kiến thức của nhân loại cùng mọi người. Sống thì phải lao động dù điều đó có thể đem lại cho bạn bao buồn vui... mệt mỏi... nghỉ ngơi chỉ để dành cho những người die thui...