ตัวเลือกเวลา Javascript ที่ดีคืออะไร? [ปิด]


86

ตัวเลือกเวลาที่ดีสำหรับ jquery หรือ js แบบสแตนด์อโลนคืออะไร? ฉันต้องการบางอย่างเช่น Google ใช้ในปฏิทินของพวกเขาซึ่งมีการเลื่อนลงของเวลาทั่วไปในช่วงเวลา 15 นาทีหรือให้คุณพิมพ์เวลาด้วยตนเองและตรวจสอบความถูกต้อง


เครื่องมือเลือกเวลาที่ง่ายมากพร้อมปุ่มหมุนที่นี่
om39a

13
ฉันขอแนะนำให้เปิดคำถามอีกครั้ง สิ่งสำคัญคือต้องตระหนักว่าหมวดหมู่ 'ไม่สร้างสรรค์' เช่นเดียวกับทุกหมวดหมู่ควรมีข้อยกเว้น - ฉันคิดว่ารวมถึงคำถามเช่นนี้ซึ่งคำตอบต้องใช้ความรู้ด้านการเขียนโปรแกรมและไม่ใช่สิ่งที่สามารถค้นคว้าได้ง่าย
Dan Nissenbaum

คำตอบ:


74

58
... และไม่ใช่ผู้มองในหมู่พวกเขา
Rudu

3
TimeDatePickerน่าจะเป็นหนึ่งที่ดีที่สุด
JD Stuart

9
ฉันไม่เห็นว่า TimeDatePicker เป็นการปรับปรุงรายการที่เลือกอย่างไร
Jon z

4
ห้องสมุดส่วนใหญ่เสีย
FooBar

6
อันนี้ดีกว่ามาก: weareoutman.github.io/clockpicker
Stefan Steiger

26

นี่คือสิ่งที่ดีที่สุดที่ฉันพบจนถึงวันที่http://trentrichardson.com/examples/timepicker/


2
ขึ้นอยู่กับแอปพลิเคชันนี่เป็นหนึ่งในรายการโปรดของฉันเช่นกัน ฉันไม่จำเป็นต้องเปลี่ยนช่วงเวลาขั้นตอนนาทีจาก 1 เป็น 15 แต่นั่นก็ง่ายมาก
Chris Dutrow

รายการโปรดของฉันจากรายการ ง่ายง่ายและต้องการอะไร ฉันเคยใช้ Any + Time ™ Datepicker / Timepicker AJAX Calendar Widget มาก่อน แต่ฉันจะลองใช้แทน
Daniel

เว็บไซต์ (และตัวอย่างจาวาสคริปต์) ไม่สามารถใช้งานได้อีกต่อไป มีตัวอย่างที่อื่นหรือไม่?
James Moberg

2
แถบเลื่อนไม่ใช่วิธีที่ง่ายที่สุดหรือเร็วที่สุดในการเลือกเวลาที่แน่นอน
mpen

@ มาร์คฉันเห็นด้วยกับความคิดเห็นของคุณวิธีที่ง่ายที่สุดอาจเป็นรายการที่เลือกหรือแสดงแผ่นเครื่องคิดเลขเพื่อให้ผู้ใช้สามารถพิมพ์ได้
เฟลิกซ์

21

นี่คือสิ่งที่ใช้ได้กับ Twitter Bootstrap

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


ขอบคุณนี่คือสิ่งที่ฉันกำลังมองหา
arjuncc

3
นี่จะเป็นวิธีที่ช้าที่สุดในการเลือกเวลา
mpen

ผมชอบความเรียบง่ายของเชิงมุม UI Bootstrap Timepicker
Gaʀʀʏ

8

ฉันไม่พอใจกับตัวเลือกเวลาใด ๆ ที่แนะนำดังนั้นฉันจึงสร้างขึ้นเองโดยได้รับแรงบันดาลใจจาก 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 สำหรับรุ่นหลัง)


1
คุณมีการสาธิตหรือไม่?
mpen

ขออภัยไม่ ฉันไม่ได้สัมผัสโครงการนั้นเลยใน 4 ปี อย่าลังเลที่จะส่งคำขอดึง :)
gregers

6

คุณสามารถอ่านโพสต์ jQuery สร้างจอห์นเรซิกเกี่ยวกับที่นี่: http://ejohn.org/blog/picking-time/


4
ใช้ความแม่นยำของเมาส์มากเกินไปสำหรับผู้ใช้ทั่วไป นอกจากนี้ยังไม่ชัดเจนในทันทีว่าจะใช้สิ่งนั้นอย่างไร (ทั้งๆที่เขาอ้างว่า "ใช้งานง่าย") - ฉันมองไม่เห็นและรู้ว่ามันจะทำงานอย่างไรเมื่อฉันวางเมาส์เหนือตัวเลขเหล่านั้น
mpen

4

ผมเคยใช้ClockPick


ไม่เลว แต่การวางตำแหน่งองค์ประกอบปิดอยู่
mpen

สิ่งนี้ทำให้ฉันมีหน้าคาวที่ขอให้อัปเดตแฟลช โปรดตรวจสอบลิงก์และอัปเดต
allow0code

3

CSS Galleryมีตัวเลือกเวลาที่หลากหลาย ได้ดู.

เครื่องมือเลือกเวลาของ Perifer Design คล้ายกับ google one


1
Ah Perifer คือสิ่งที่ฉันกำลังมองหา แต่ดูเหมือนจะไม่ทำการตรวจสอบความถูกต้องใด ๆ กล่าวคือให้ฉันพิมพ์ "999999999" เป็นค่า
องค์ประกอบ

3

ในกรณีที่มีคนสนใจ TimPicker JavaScript อื่นฉันได้พัฒนาและดูแลปลั๊กอิน jQuery ที่ใช้งานได้ มันใช้งานได้คล้ายกับ EZ Time JS (แม้ว่าฉันจะไม่รู้เรื่องนี้จนกระทั่ง 5 นาทีที่แล้ว: D) ทำให้ผู้ใช้สามารถป้อนเวลาได้เกือบทุกวิธีที่พวกเขารู้สึกสบายใจและแปลงอินพุตเป็นรูปแบบทั่วไป

ตรวจสอบหน้าตัวเลือก jQuery TimePickerเพื่อดูการทำงาน


การสาธิตเสีย (หรือฉันไม่เข้าใจวิธีใช้!)
PhiLho

1

ขอโทษนะครับ.. อาจจะช้าไปหน่อย .. ผมใช้NoGray แล้ว .. มันเจ๋ง ..


4
ไม่เคยสายเกินไปสำหรับใครบางคน (ไม่จำเป็นต้องใช้โปสเตอร์ต้นฉบับ) ที่จะพบว่ามันมีประโยชน์ .. ... ยกเว้นว่าNoGrayถูกกล่าวถึงโดย CMS แล้ว ...
กลัว


-1

NoGray เป็นอาหารตาที่ดี แต่มีข้อควรพิจารณาในการใช้งานเล็กน้อย ประการแรกนาฬิกาอะนาล็อกมีความคลุมเครือมากขึ้นเรื่อย ๆ และบางครั้งคนที่อายุน้อยกว่าก็มีช่วงเวลาที่ยากลำบากในการอ่าน ประการที่สองการลากเมาส์ไปยังเวลาที่กำหนดนั้นค่อนข้างน่าเบื่อเช่นเดียวกับตัวเลือกเวลาที่ใช้แถบเลื่อน ประการที่สามการโต้ตอบของแป้นพิมพ์สำหรับเครื่องมือเลือกนี้มีอยู่บ้างประปราย

สำหรับตัวเลือกเวลาที่ใช้งานได้มากขึ้นตรวจสอบใด ๆ + เวลา™ datepicker / Timepicker AJAX ปฏิทิน Widget อาจเป็นเครื่องมือเลือกเวลาที่เร็วที่สุดและใช้งานง่ายที่สุดเพราะใช้ปุ่มง่าย ๆ เพื่อเลือกเวลาที่ต้องการได้อย่างรวดเร็วและง่ายดาย

การทดสอบการใช้งานที่น่าสนใจคือเลือกเวลาคี่ (พูด 22:32 น.) จากนั้นดูว่าต้องใช้เวลานานเท่าใดในการเลือกเวลานั้นอย่างแม่นยำโดยใช้ตัวเลือกเวลาต่างๆ คุณอาจทำได้เร็วกว่าด้วย Any + Time ™มากกว่าที่คุณจะเขียนเวลาด้วยมือได้เพียงลองหาเครื่องมือเลือกอื่นที่คุณสามารถพูดได้! ไม่ต้องพูดถึง Any + Time ™รองรับรูปแบบวันที่ / เวลาที่หลากหลายนับไม่ถ้วนนาฬิกา 12/24 ชั่วโมงการปรับแต่ง CSS (หรือ jQuery UI) แบบเต็มและแม้แต่โซนเวลา!


ตัวเลือกที่ดี ฟรีสำหรับการใช้งานที่ไม่ใช่เชิงพาณิชย์ แต่คุณต้องติดต่อผู้พัฒนาเกี่ยวกับต้นทุนการออกใบอนุญาตสำหรับโครงการเชิงพาณิชย์
Andrew Lewis

6
มันบังเอิญมากว่าเขาเป็นผู้พัฒนา ...
steve_c

การเลือกนาทีที่ 10 และ 1 สำหรับนาทีนั้นไม่จำเป็น คุณแทบไม่ต้องการความแม่นยำมากขนาดนั้น รวม 10s และ 1s และเพิ่ม 12 แถวโดยเพิ่มทีละ 5 นาที จะสอดคล้องกับชั่วโมงที่ดีขึ้นเร็วขึ้นและเพียงพอสำหรับกรณีการใช้งานส่วนใหญ่ คุณอาจพิจารณาเปลี่ยนเคอร์เซอร์เป็นเข็มชี้ / เข็มชี้เมื่อวางเมาส์เหนือปุ่มเหล่านั้น
mpen

ขอบคุณสำหรับความคิดเห็น! ฉันกำลังดำเนินการกับไลบรารีทดแทนที่จะให้ปุ่มน้อยลงโดยอัตโนมัติเมื่อไม่จำเป็นต้องมีการเลือกเป็นนาที
Andrew M. Andrews III

ว่าหน้า + เวลาใด ๆ มีข้อความและรหัสหลายพันบรรทัด แต่ฉันไม่พบตัวอย่างการทำงาน 1 ตัวอย่างเดียวของตัวเลือกวันที่ / เวลาในหน้า .. เฮ้อ ... มีใครคิดว่าการสาธิตบางอย่างจะอยู่ที่ อันดับต้น ๆ
Heriberto Lugo
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.