ฟิลด์ป้อนข้อมูลเวลาที่กำหนดเองด้วย jQuery Timedropper
บางเว็บฟอร์มต้องการ อินพุตตามวันที่ และปลั๊กอินตัวใช้เลือกวันที่สามารถช่วยได้ แต่สิ่งที่เกี่ยวกับ อินพุตเวลา?
ด้วยปลั๊กอิน jQuery ฟรี Timedropper, คุณสามารถเพิ่ม ตัวเลือกเวลาที่กำหนดเอง สำหรับการตั้งค่าการนัดหมายกำหนดเวลาการโทรหรือทุกสิ่งที่คุณต้องการ.
มันง่ายอย่างเหลือเชื่อและคุณ ต้องการไลบรารี jQuery เท่านั้น ที่จะเริ่มต้น. เมื่อคุณติดตั้งไลบรารีนั้นแล้วคุณสามารถเพิ่มไฟล์ Timedropper JS / CSS และปล่อยให้มันทำงานได้ แค่นั้นแหละ!
แต่ละฟิลด์อินพุตต้องเป็น กำหนดเป้าหมายโดยตัวเลือก jQuery ซึ่งเพิ่มฟิลด์อินพุต Timedropper นี้ ไม่มีตัวเลือก คุณสามารถเพิ่มด้วยคุณสมบัติพิเศษ (ตัวเลือก):
- Autoswitch - เปลี่ยนชั่วโมง / นาทีโดยอัตโนมัติเมื่อเลื่อนเมาส์ขึ้น
- เส้นเมอริเดียน - ตั้งนาฬิกา 12 ชั่วโมงแทน 24 ชั่วโมง
- รูป - กำหนดว่าจะให้เวลา & นาทีปรากฏ (รูปแบบเริ่มต้นคือ 1:22 pm)
- เมาส์วีล - ช่วยให้การเปลี่ยนแปลงเวลาขึ้นอยู่กับการเลื่อนล้อ
- Init_animation - เปิดเอฟเฟ็กต์ภาพเคลื่อนไหวที่ซีดจาง
- setCurrentTime - เพิ่มเวลาปัจจุบันให้กับค่าฟิลด์โดยอัตโนมัติ
หากคุณกล้ามากขึ้น เปลี่ยนสไตล์ ใช้ธีมที่บรรจุไว้ล่วงหน้าไม่กี่ชุดหรือแม้แต่สร้างของคุณเองตั้งแต่เริ่มต้น.
ในทะเลของปลั๊กอิน jQuery Timedropper เป็นหัวเข่าของผึ้ง มันเป็นเรื่องจริง เสนออินเทอร์เฟซที่ไม่ซ้ำกัน สำหรับแอพใด ๆ ที่จะเลือกเวลาโดยไม่คำนึงถึงอุปกรณ์.
ตามธรรมชาติแล้วมันคือ โทรศัพท์มือถือที่ตอบสนองต่อ, ดังนั้นจึงสามารถใช้งานได้บนสมาร์ทโฟน & แท็บเล็ตด้วย อย่างไรก็ตามฉันไม่ชอบ ขาดการสนับสนุน num pad. ดูเหมือนจะเป็นวิธีที่ชัดเจนในการป้อนเวลาดังนั้นหากไม่มีคุณสมบัตินั้นจะสามารถ จำกัด ได้.
ยังสำหรับ อินเตอร์เฟซที่ไม่ซ้ำกัน และ ติดตั้งง่าย, ฉันแนะนำ Timedropper ให้กับทุกคนที่เต็มใจจะถ่าย.
คุณสามารถหา รหัสที่มาทั้งหมด ฟรีที่ GitHub และคุณจะพบตัวอย่างที่เรียบง่ายอย่างเหลือเชื่อในปากกานี้ซึ่งฝังอยู่ด้านล่าง.
หากคุณมีความคิดเห็นหรือข้อเสนอแนะอื่น ๆ อย่าลังเลที่จะแบ่งปันกับนักพัฒนาบน Twitter @ felice_gattuso.