Πεδία εισαγωγής προσαρμοσμένου χρόνου με jQuery Timedropper
Ορισμένες φόρμες ιστού απαιτούν ημερομηνίες που βασίζονται σε δεδομένα και τα plugins επιλογής ημερομηνίας μπορούν να σας βοηθήσουν. Αλλά, τι γίνεται χρονικές εισόδους?
Με το δωρεάν plugin jQuery Χρονόμετρο, μπορείς να προσθέσεις προσαρμοσμένο συλλέκτη χρόνου για τη ρύθμιση ραντεβού, τον προγραμματισμό τηλεφωνικών κλήσεων ή σχεδόν οτιδήποτε χρειάζεστε.
Είναι απίστευτα απλό και εσείς χρειάζεται μόνο η βιβλιοθήκη jQuery για να ξεκινήσετε. Μόλις εγκαταστήσετε τη βιβλιοθήκη αυτή, μπορείτε να προσθέσετε τα αρχεία JS / CSS Timedropper και να τα αφήσετε να τρέξουν. Αυτό είναι!
Κάθε πεδίο εισαγωγής πρέπει να είναι που στοχεύει ένας επιλογέας jQuery το οποίο στη συνέχεια προσθέτει το πεδίο εισαγωγής Timedropper. Αυτό έχει επιλογές μπορείτε να προσθέσετε με επιπλέον (προαιρετικά) χαρακτηριστικά:
- Αυτόματος διακόπτης - αλλάζει αυτόματα την ώρα / λεπτό κατά την τοποθέτηση
- Μεσημβρινούς - ορίστε ένα ρολόι 12 ωρών αντί για 24 ώρες
- Μορφή - ορίζει πώς εμφανίζονται οι ώρες και τα λεπτά (το προεπιλεγμένο στυλ είναι 1:22 μ.μ.)
- Ποντίκι - επιτρέπει την αλλαγή χρόνου με βάση την κύλιση τροχών
- Init_animation - ενεργοποιεί τα εφέ αποδιαμορφώσεως κινούμενων εικόνων
- setCurrentTime - προσθέτει αυτόματα την τρέχουσα ώρα στην τιμή πεδίου
Εάν είστε ακόμα πιο τολμηροί μπορείτε αλλάξτε το στυλ χρησιμοποιώντας μερικές προσυσκευασμένες θεματικές ενότητες, ή ακόμα και να δημιουργήσετε το δικό σας από το μηδέν.
Σε μια θάλασσα από jQuery plugins, Timedropper είναι τα γόνατα των μελισσών. Είναι πραγματικά προσφέρει μια μοναδική διασύνδεση για οποιαδήποτε εφαρμογή να επιλέξει μια ώρα ανεξάρτητα από τη συσκευή.
Φυσικά, είναι κινητό-απόκριση, έτσι λειτουργεί και σε smartphones & tablets. Ωστόσο, δεν μου αρέσει το έλλειψη υποστήριξης num pad. Αυτό φαίνεται σαν ο προφανής τρόπος να εισέλθουν σε μια εποχή, έτσι χωρίς αυτό το χαρακτηριστικό, μπορεί να αισθάνεται περιοριστική.
Ακόμα, για ένα μοναδική διεπαφή και ένα απλή ρύθμιση, Το συνιστώ Timedropper για όσους είναι πρόθυμοι να τον δώσουν.
Μπορείς να βρεις όλο τον πηγαίο κώδικα δωρεάν στο GitHub και θα βρείτε ένα απίστευτα απλό demo σε αυτό το στυλό, ενσωματωμένο παρακάτω.
Εάν έχετε οποιεσδήποτε άλλες σκέψεις ή προτάσεις μπορείτε να μοιραστείτε με τον προγραμματιστή στο Twitter @felice_gattuso.