Công cụ chọn thời gian Javascript tốt là gì? [đóng cửa]

Công cụ chọn thời gian tốt cho jquery hoặc js độc lập là gì? Tôi muốn một cái gì đó giống như google sử dụng trong lịch của họ, nơi nó có danh sách thả xuống thời gian phổ biến trong khoảng thời gian 15 phút hoặc cho phép bạn nhập thủ công một thời gian và nó xác nhận nó.

Một số tài nguyên:

• TimeDatePicker (jQuery Plugin)
• jQuery.timepickr
• jQuery.ptTimeSelect
• Bộ chọn thời gian
• Bộ chọn thời gian ưa thích
• Bộ chọn thời gian NoGray

Đây là điều tốt nhất tôi tìm thấy cho đến ngày http://trentrichardson.com/examples/timepicker/

Đây là một trong những hoạt động với Twitter Bootstrap.

http://jdewit.github.com/bootstrap-timepicker/

Tôi không hài lòng với bất kỳ bộ chọn thời gian được đề xuất nào, vì vậy tôi đã tạo ra bộ chọn thời gian của riêng mình với cảm hứng từ Perifer và thông số kỹ thuật HTML5:

http://github.com/gregersrygg/jquery.timeInput

Bạn có thể sử dụng các thuộc tính html5 mới để nhập thời gian (bước, tối thiểu, tối đa) hoặc sử dụng đối tượng tùy chọn:

<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
<input type="time" name="myTime2" class="time-mm-hh" />

<script type="text/javascript">
    $("input[name='myTime']").timeInput(); // use default or html5 attributes
    $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm
</script>

Xác thực đầu vào như thế này:

• Chèn ":" nếu thiếu
• Thời gian không hợp lệ? Thay thế bằng trống
• Không phải là thời gian hợp lệ theo bước? Làm tròn lên / xuống đến bước gần nhất

Thông số HTML5 không cho phép cú pháp am / pm hoặc giờ bản địa hóa, vì vậy nó chỉ cho phép định dạng hh: mm. Giây được cho phép theo thông số kỹ thuật, nhưng tôi chưa triển khai nó.

Nó rất "alpha", vì vậy có thể có một số lỗi. Vui lòng gửi cho tôi các bản vá / yêu cầu kéo. Đã kiểm tra thủ công trong IE 6 & 8, FF, Chrome và Opera (Ổn định mới nhất trên Linux cho những phiên bản sau).

Bạn có thể đọc bài đăng của John Resig, người tạo jQuery về nó tại đây: http://ejohn.org/blog/picking-time/ .

Tôi đã sử dụng ClockPick .

CSS Gallery có nhiều Công cụ chọn thời gian. Hãy xem.

Bộ chọn thời gian của Perifer Design tương tự như google one

Trong trường hợp ai đó quan tâm đến một TimPicker JavaScript khác, tôi đã phát triển và duy trì một plugin jQuery thực hiện công việc này. Nó hoạt động giống như EZ Time JS (mặc dù tôi chưa biết về nó cho đến 5 phút trước: D), cho phép người dùng nhập thời gian theo hầu hết mọi cách mà họ cảm thấy thoải mái và chuyển đổi đầu vào thành một định dạng phổ biến.

Kiểm tra trang Tùy chọn jQuery TimePicker để xem nó hoạt động.

Xin lỗi các bạn .. có lẽ hơi muộn .. Mình dùng NoGray rồi .. hay quá ..

Tôi đã sử dụng trình chọn thời gian jquery ui

NoGray là một viên kẹo đẹp mắt nhưng có một số cân nhắc về khả năng sử dụng. Thứ nhất, đồng hồ kim đang phát triển ngày càng ít người biết đến, và những người trẻ tuổi đôi khi gặp khó khăn khi đọc chúng. Thứ hai, việc kéo chuột đến một thời điểm cụ thể hơi tẻ nhạt, giống như các bộ chọn thời gian sử dụng thanh trượt. Thứ ba, tương tác bàn phím cho bộ chọn này hơi rời rạc.

Để có bộ chọn thời gian hữu dụng hơn, hãy xem Tiện ích Lịch AJAX của Bộ chọn ngày / Bộ chọn thời gian Any + Time ™ . Nó có lẽ là công cụ chọn thời gian nhanh nhất và dễ sử dụng nhất hiện có, vì nó sử dụng các nút đơn giản để chọn thời gian cụ thể một cách nhanh chóng và dễ dàng.

Một thử nghiệm thú vị về khả năng sử dụng là: chọn một thời gian kỳ lạ (giả sử, 10:32 tối), sau đó xem mất bao lâu để chọn chính xác thời gian đó bằng các bộ chọn thời gian khác nhau. Bạn có thể làm điều đó nhanh hơn với Any + Time ™ so với việc bạn có thể viết ra thời gian bằng tay - chỉ cần cố gắng tìm một bộ chọn khác mà bạn có thể nói về điều đó! Chưa kể, Any + Time ™ hỗ trợ vô số định dạng ngày / giờ, đồng hồ 12/24 giờ, tùy chỉnh CSS (hoặc jQuery UI) đầy đủ và thậm chí cả múi giờ!