โฮมเพจ » Toolkit » ฟิลด์ป้อนข้อมูลเวลาที่กำหนดเองด้วย jQuery Timedropper

    ฟิลด์ป้อนข้อมูลเวลาที่กำหนดเองด้วย 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.