2009-07-20 36 views
5

Tôi đang gặp khó khăn khi tìm cách thanh lịch cho phép nhập ngày/giờ dưới dạng html. Tôi đang nghĩ đến việc có trình đơn thả xuống trong năm, tháng, ngày, giờ, phút, giây, mili giây chỉ có các mục nhập hợp lệ. Tôi có thể làm điều này bằng các giá trị mã hóa cứng cho mỗi trình đơn thả xuống, nhưng tôi nghĩ rằng phải có một cách thanh lịch hơn để làm điều này, có lẽ với một số thư viện javascript đã tồn tại mà tôi chưa tìm thấy. Bất kỳ mẹo nào để hoàn thành công việc này?Nhập ngày/giờ cho Biểu mẫu HTML

chỉnh sửa: Thứ hai và nếu có thể, cần phải có độ chính xác đến mili giây cho những gì tôi đang thực hiện.

chỉnh sửa # 2: Sau khi đọc một số nhận xét, tôi có thể nhận thấy rằng có thể có trình đơn thả xuống cho phạm vi giá trị lớn yêu cầu theo giờ/phút/giây và đặc biệt là mili giây. Tôi nghĩ rằng sẽ đi với việc chọn ngày tháng nguyên mẫu DatePicker, cùng với một textfield đơn giản cho thời gian đầu vào.

+0

Tôi muốn biết lý do bạn cần nhập thời gian, đặc biệt là mili giây. Chăm sóc để xây dựng? –

+0

@Will Rickards: Tôi đang phát triển một ứng dụng web hiển thị nhật ký có dấu thời gian chính xác đến một phần nghìn giây. Trong ứng dụng này, người dùng nhập ngày bắt đầu và ngừng/ngày và các nhật ký liên quan được hiển thị. Các mục nhật ký mới được tạo thường xuyên, đôi khi nhiều hơn một lần mỗi mili giây, vì vậy cần phải có độ chính xác trong việc chỉ định khung thời gian để xem nhật ký. – Matthew

Trả lời

10

Điều này có thể được thực hiện khá thanh lịch với một Jquery plug-in gọi Datepicker

+2

Điều này tương tự như những gì tôi đang tìm kiếm, nhưng Datepicker không hỗ trợ chọn thời gian. – Matthew

+0

Mathew: Tôi hiện đang sử dụng Datepicker và một hộp văn bản bổ sung để chọn thời gian. Nó hoạt động tốt nếu nó đơn giản/dễ hiểu. – alecwh

+0

alecwh: Người dùng có nhập thời gian bằng cách nhập nội dung nào đó như "12:00:00" vào hộp văn bản không? Đây là những gì tôi hiện đang làm, nhưng tôi cảm thấy nó sẽ là tốt đẹp để có thả xuống hộp chọn để hỗ trợ trong kiểm tra lỗi và ngăn chặn lỗi chính tả đầu vào của người dùng. – Matthew

5

Có rất nhiều lịch mà có thể làm được điều này, với cả ngày tháng và thời gian:

  • Calendar Date Select
  • Control.DatePicker (dựa trên PrototypeJS) yêu thích của tôi, tôi đã tạo phiên bản nâng cao, với nhiều tính năng hơn, tôi có thể chia sẻ nó
  • Dynarch calendar nhưng tôi thấy nó quá nặng
  • và những người khác
+0

Tất cả đều trông rất đẹp và tôi đang sử dụng thư viện js mẫu thử nghiệm, nhưng tôi cần thứ gì đó có thứ hai và nếu có thể, chính xác đến mili giây. Xin lỗi, tôi nên đề cập đến điều này trước đây. – Matthew

+1

Vâng, tôi không nghĩ có bất kỳ lịch JS nào có thể cung cấp độ chính xác mili giây, nhưng Control.DatePicker có thể là cơ sở tốt để tạo bộ chọn thời gian chính xác đến mili giây của bạn! –

2

Tôi nghĩ một cách rất dễ dàng để làm điều này là bằng cách sử dụng PHP ví dụ cho việc lựa chọn một ngày và tháng:

Sử dụng lệnh select cho biểu mẫu, sau đó chèn dòng PHP để bắt đầu vòng lặp for. Vì vậy, trong những ngày vòng lặp sẽ đi từ 1 ->31 và trong tháng từ 1 ->12. Vì vậy, thay vì cứng mã hóa nó cho tất cả các ngày tháng vv, bạn có thể gọn gàng phù hợp với nó thành một dòng mã với một chút nhỏ của PHP được thêm vào.

Các vấn đề liên quan