ตัวเลือกเวลาที่ดีสำหรับ jquery หรือ js แบบสแตนด์อโลนคืออะไร? ฉันต้องการบางอย่างเช่น Google ใช้ในปฏิทินของพวกเขาซึ่งมีการเลื่อนลงของเวลาทั่วไปในช่วงเวลา 15 นาทีหรือให้คุณพิมพ์เวลาด้วยตนเองและตรวจสอบความถูกต้อง
ตัวเลือกเวลาที่ดีสำหรับ jquery หรือ js แบบสแตนด์อโลนคืออะไร? ฉันต้องการบางอย่างเช่น Google ใช้ในปฏิทินของพวกเขาซึ่งมีการเลื่อนลงของเวลาทั่วไปในช่วงเวลา 15 นาทีหรือให้คุณพิมพ์เวลาด้วยตนเองและตรวจสอบความถูกต้อง
คำตอบ:
แหล่งข้อมูลบางส่วน:
นี่คือสิ่งที่ดีที่สุดที่ฉันพบจนถึงวันที่http://trentrichardson.com/examples/timepicker/
นี่คือสิ่งที่ใช้ได้กับ Twitter Bootstrap
ฉันไม่พอใจกับตัวเลือกเวลาใด ๆ ที่แนะนำดังนั้นฉันจึงสร้างขึ้นเองโดยได้รับแรงบันดาลใจจาก Perifer's และข้อมูลจำเพาะ HTML5:
http://github.com/gregersrygg/jquery.timeInput
คุณสามารถใช้แอตทริบิวต์ html5 ใหม่สำหรับการป้อนเวลา (step, min, max) หรือใช้อ็อบเจกต์ตัวเลือก:
<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>
ตรวจสอบการป้อนข้อมูลดังนี้:
ข้อมูลจำเพาะ HTML5 ไม่อนุญาตให้ใช้ไวยากรณ์ am / pm หรือเวลาท้องถิ่นดังนั้นจึงอนุญาตเฉพาะรูปแบบ hh: mm วินาทีได้รับอนุญาตตามข้อมูลจำเพาะ แต่ฉันยังไม่ได้ใช้งาน
มันเป็น "อัลฟา" มากดังนั้นอาจมีข้อบกพร่องบางอย่าง อย่าลังเลที่จะส่งแพทช์ / ดึงคำขอ ทดสอบด้วยตนเองใน IE 6 & 8, FF, Chrome และ Opera (เสถียรล่าสุดบน Linux สำหรับรุ่นหลัง)
CSS Galleryมีตัวเลือกเวลาที่หลากหลาย ได้ดู.
เครื่องมือเลือกเวลาของ Perifer Design คล้ายกับ google one
ในกรณีที่มีคนสนใจ TimPicker JavaScript อื่นฉันได้พัฒนาและดูแลปลั๊กอิน jQuery ที่ใช้งานได้ มันใช้งานได้คล้ายกับ EZ Time JS (แม้ว่าฉันจะไม่รู้เรื่องนี้จนกระทั่ง 5 นาทีที่แล้ว: D) ทำให้ผู้ใช้สามารถป้อนเวลาได้เกือบทุกวิธีที่พวกเขารู้สึกสบายใจและแปลงอินพุตเป็นรูปแบบทั่วไป
ตรวจสอบหน้าตัวเลือก jQuery TimePickerเพื่อดูการทำงาน
ขอโทษนะครับ.. อาจจะช้าไปหน่อย .. ผมใช้NoGray แล้ว .. มันเจ๋ง ..
ฉันใช้jquery ui timepicker
NoGray เป็นอาหารตาที่ดี แต่มีข้อควรพิจารณาในการใช้งานเล็กน้อย ประการแรกนาฬิกาอะนาล็อกมีความคลุมเครือมากขึ้นเรื่อย ๆ และบางครั้งคนที่อายุน้อยกว่าก็มีช่วงเวลาที่ยากลำบากในการอ่าน ประการที่สองการลากเมาส์ไปยังเวลาที่กำหนดนั้นค่อนข้างน่าเบื่อเช่นเดียวกับตัวเลือกเวลาที่ใช้แถบเลื่อน ประการที่สามการโต้ตอบของแป้นพิมพ์สำหรับเครื่องมือเลือกนี้มีอยู่บ้างประปราย
สำหรับตัวเลือกเวลาที่ใช้งานได้มากขึ้นตรวจสอบใด ๆ + เวลา™ datepicker / Timepicker AJAX ปฏิทิน Widget อาจเป็นเครื่องมือเลือกเวลาที่เร็วที่สุดและใช้งานง่ายที่สุดเพราะใช้ปุ่มง่าย ๆ เพื่อเลือกเวลาที่ต้องการได้อย่างรวดเร็วและง่ายดาย
การทดสอบการใช้งานที่น่าสนใจคือเลือกเวลาคี่ (พูด 22:32 น.) จากนั้นดูว่าต้องใช้เวลานานเท่าใดในการเลือกเวลานั้นอย่างแม่นยำโดยใช้ตัวเลือกเวลาต่างๆ คุณอาจทำได้เร็วกว่าด้วย Any + Time ™มากกว่าที่คุณจะเขียนเวลาด้วยมือได้เพียงลองหาเครื่องมือเลือกอื่นที่คุณสามารถพูดได้! ไม่ต้องพูดถึง Any + Time ™รองรับรูปแบบวันที่ / เวลาที่หลากหลายนับไม่ถ้วนนาฬิกา 12/24 ชั่วโมงการปรับแต่ง CSS (หรือ jQuery UI) แบบเต็มและแม้แต่โซนเวลา!