Các tập lệnh và lịch chọn ngày hữu ích cho các nhà phát triển web
Lịch có thể được nhìn thấy thường xuyên trong hầu hết các trang web ngày nay, đặc biệt là trong blog và trang web cá nhân. Đối với các trang web công ty hoặc trang web thương mại điện tử, nó được sử dụng để bố trí thông báo, các sự kiện sắp tới, cuộc thi và nhiều hơn nữa. Điều gì làm cho một lịch gần như cần thiết? Nó cho phép người dùng biết những gì mới, những gì được mong đợi vào ngày được chỉ định và theo dõi tất cả thông tin cũ hơn trong nháy mắt.
Lịch trong trang web của khách sạn, rạp chiếu phim hoặc hãng hàng không yêu cầu sự tương tác của người dùng để đặt phòng và vé máy bay. Có lịch trong trang web này là cần thiết vì người dùng cần chọn một ngày cụ thể để đặt phòng. Đây là nơi Date Picker đóng vai trò là phương tiện điều hướng. Bộ chọn ngày là bố cục lịch cho phép người dùng điều hướng qua các ngày, tuần hoặc năm để chọn ngày họ muốn. Một số công cụ chọn ngày cũng bao gồm tùy chọn chuyển trực tiếp đến một ngày cụ thể bằng cách nhập ngày để thuận tiện cho người dùng.
Trong bài viết hôm nay, chúng tôi sẽ cho bạn thấy một số kịch bản chọn ngày và lịch tốt nhất mà chúng tôi đã biết. Hy vọng bạn sẽ tìm thấy một trong những phù hợp với nhu cầu của bạn. Danh sách đầy đủ sau khi nhảy!
Lịch giống như iCal
Một lịch tuyệt đẹp trông rất giống với ứng dụng Lịch iPhone và iCal. Nó có hình ảnh động mượt mà và khi bạn di chuột qua sự kiện hiện có thì một chú giải công cụ mờ dần với thông tin chi tiết. [Bản trình diễn] [Tải xuống]
MooTools DatePicker
Cấu hình ngày tháng Javascript có thể cấu hình với hình ảnh động mượt mà. Hoạt động cho bất kỳ định dạng ngày và nó cũng hỗ trợ thời gian chọn. Da cơ bản, da Windows Vista, da OSX Dashboard và da Jquery UI. [Bản trình diễn] [Tải xuống]
FullCalWiki
Đây là plugin jQuery kiểu Google cung cấp lịch, kéo và thả kích thước đầy đủ. Lịch này có thể cấu hình dễ dàng và nó sử dụng Ajax. [Bản trình diễn] [Tải xuống]
jPint
JPint là nhà phát triển iPhone dựa trên web có vẻ rực rỡ. Chỉ cần chọn Lịch và bạn sẽ thấy lịch giống như trên iPhone của mình. [Bản trình diễn] [Tải xuống]
jCalWiki
Lịch jQuery động có thể được sử dụng với ba hình thức chọn: một cho ngày, tháng và năm. Lịch này không có hình ảnh động. [Bản trình diễn] [Tải xuống]
Bảng chọn ngày
Datepicker này là một datepicker tìm kiếm đơn giản được gắn với một trường nhập mẫu tiêu chuẩn. Chỉ cần nhấp vào trường đầu vào và sau đó sử dụng mũi tên để thay đổi giữa các tháng. [Bản trình diễn] [Tải xuống]
Lịch tuần của jQuery
Một lịch có kích thước đầy đủ khác của Google, nhưng plugin jQuery này cung cấp một cách đơn giản và linh hoạt bao gồm lịch hàng tuần trong ứng dụng của bạn. [Bản trình diễn] [Tải xuống]
jMonthCalWiki
Một lịch có kích thước đầy đủ hỗ trợ các sự kiện. Mỗi sự kiện có thể được di chuột qua và sự kiện có một URL liên kết đến một trang hiển thị thêm chi tiết về sự kiện được nhấp. [Bản trình diễn] [Tải xuống]
Bảng chọn ngày
Một ứng dụng hẹn hò có kiểu dáng đẹp và dễ điều chỉnh để phù hợp với ứng dụng web của người dùng. Nó cũng có rất nhiều tính năng, chẳng hạn như nhiều lịch trong thành phần và nó cho phép lựa chọn một, nhiều hoặc nhiều phạm vi. Người dùng có thể đánh dấu ngày là đặc biệt, cuối tuần, ngày đặc biệt, v.v [Demo] [Tải xuống]
Trình chọn ngày đơn giản của jQuery
Datepicker khá gọn gàng hoạt động trên một hoặc nhiều yếu tố nhập văn bản và dễ dàng tạo kiểu với CSS. Nó rất dễ sử dụng công cụ hẹn hò này - chỉ cần chọn năm và tháng đầu tiên của bạn và sau đó chọn một ngày. [Bản trình diễn] [Tải xuống]
Lịch
Đây là một lớp Javascript, là phần tổng hợp của nhiều bộ định ngày. Những bộ ngày tháng này bao gồm tất cả các tính năng hữu ích nhất. Thiết kế của họ cũng rất gọn gàng và ưa nhìn với hình ảnh động mượt mà. [Bản trình diễn] [Tải xuống]
Lịch sử giống như Ajax Phiên bản 2 của Vista
Lịch ajax giống như Vista là phiên bản web của lịch thanh tác vụ Windows Vista mượt mà và sâu sắc. Nếu bạn yêu thích phong cách của Windows Vista thì bạn cũng sẽ thích lịch này [Demo] [Tải xuống]
Yahoo! Thư viện UI: Lịch
Lịch YUI đơn giản có thể được thực hiện trong ứng dụng web của bạn. Nó không có nhiều lựa chọn, nhưng nếu bạn chỉ cần một người hẹn hò thì bạn không cần thêm gì nữa. [Bản trình diễn] [Tải xuống]
Tiện ích chọn ngày không phô trương
Công cụ hẹn hò thân thiện này có thể truy cập bằng bàn phím, nó không yêu cầu các khối JavaScript nhúng và không sử dụng cửa sổ bật lên. Bạn cũng có thể sửa đổi hoàn toàn phong cách với CSS. [DEMO] [Tải xuống]
Tỷ lệ
Một datepicker thú vị có 6 phong cách khác nhau: Scal, Scal tin chọc trời, iScal, Dashblack, Googleblue và iPhonic. [Bản trình diễn] [Tải xuống]
Bộ chọn phạm vi ngày tương tác của jQuery
Thành phần rất tương tác được thiết kế đặc biệt để chọn phạm vi ngày. Hãy chú ý đến những hình ảnh động mượt mà và ưa nhìn. [Bản trình diễn] [Tải xuống]
Lịch cơ bản
Hãy thử lịch này nếu bạn chỉ muốn sử dụng một lịch cơ bản trong ứng dụng web của mình. [Bản trình diễn] [Tải xuống]
Lịch đơn giản
Đây là một lịch pop-up đơn giản hoạt động trên các trình duyệt. Mặc dù thực tế đó không phải là lịch sớm nhất, nhưng nó được nhận xét và tùy chỉnh đầy đủ cho ngôn ngữ, màu sắc và định dạng ngày. [Bản trình diễn] [Tải xuống]
Lịch hổ
Tigra là một lịch làm việc trên các trình duyệt. Đó là một lịch thả xuống mà mục nhập ngày nhanh và đơn giản giúp cải thiện trải nghiệm người dùng. [Bản trình diễn] [Tải xuống]
jQuery Datepicker
Công cụ tìm ngày gọn gàng có thể dễ dàng được thêm dưới dạng cửa sổ bật lên vào trường văn bản hoặc nội tuyến trong một phân chia hoặc khoảng. Nó có hình động kiểu jQuery cho một cái nhìn đẹp. [Bản trình diễn] [Tải xuống]
Nhập ngày jQuery
Date Input là một plugin datepicker cho jQuery. [Demo] [Tải xuống]
DatePickerControl
Một công cụ hẹn hò đơn giản nhắc nhở Windows Calculator vì vẻ ngoài của nó. Bạn có thể dễ dàng chuyển đổi trường nhập của bạn thành công cụ hẹn hò này. [Bản trình diễn] [Tải xuống]
Tập lệnh nhập ngày theo lịch của Jason Moon
Lịch rất nhỏ và phối hợp. Nó không tốn nhiều không gian và nó cũng có vẻ tốt. Bạn không thể chuyển đổi giữa các năm, nhưng bạn có thể chuyển đổi giữa các tháng bằng cách sử dụng mũi tên. [Bản trình diễn] [Tải xuống]
Lịch Script
Một kịch bản lịch đơn giản với một chức năng tốt. Đây là một lựa chọn tốt nếu bạn muốn một lịch đáng tin cậy và đơn giản. [Bản trình diễn] [Tải xuống]
Lịch Dhtmlx
Lịch JavaScript trình duyệt chéo nhẹ, dễ sử dụng và hoàn toàn tùy biến. Nó cũng có một phong cách đẹp được pha trộn với chức năng của nó. [Bản trình diễn] [Tải xuống]
Công cụ chọn ngày Javascript
Bộ chọn ngày này sử dụng các kỹ thuật DOM để tạo mã HTML của nó. Nó hỗ trợ các trình duyệt, chẳng hạn như: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+. [Bản trình diễn] [Tải xuống]
Lịch phong phú
Đây là lịch trình duyệt chéo Javascript có chức năng phù hợp với nhiều tùy chọn nâng cao. [Bản trình diễn] [Tải xuống]
Hẹn hò] [Tải xuống]
Bảng chọn ngày
Một công cụ hẹn hò đơn giản và dễ nhìn giống như máy tính tích hợp Windows. [Bản trình diễn] [Tải xuống]
