Πεδίο χρόνου
Συλλέξτε χρόνο με ακρίβεια και ευκολία. Από τον προγραμματισμό ραντεβού έως την επιλογή βάρδιας με κομψά εγγενή εργαλεία επιλογής ώρας, έξυπνα χρονικά διαστήματα και ευέλικτη μορφοποίηση – το πεδίο Ώρα παρέχει επικύρωση, προσαρμογή και μια απρόσκοπτη εμπειρία χρήστη.
Έξυπνη Συλλογή Χρόνου με Ενσωματωμένη Επικύρωση
Ιδανικό για:
Ισχυρά χαρακτηριστικά για κάθε περίπτωση χρήσης
🕐 Ευέλικτες μορφές ώρας
24ωρη ή 12ωρη προβολή
Επιλέξτε τη μορφή που ταιριάζει στο κοινό σας. Χρησιμοποιήστε 24ωρη στρατιωτική ώρα (14:30) για διεθνείς χρήστες ή 12ωρη με π.μ./μ.μ. (2:30 μ.μ.) για εξοικείωση.
Αυτόματη μετατροπή μορφής
Το πεδίο χειρίζεται αυτόματα τη μετατροπή μορφής – οι χρήστες βλέπουν την προτιμώμενη μορφή τους, ενώ το σύστημά σας λαμβάνει συνεπή δεδομένα.
Παραδείγματα:
- Εργάσιμες ώρες: 9:00 π.μ. – 5:00 μ.μ. (12 ώρες)
- Διεθνές χρονοδιάγραμμα: 09:00 – 17:00 (24ωρο)
- Ιατρικά ραντεβού: 14:30 (ακρίβεια 24 ωρών)
⏰ Έξυπνα χρονικά διαστήματα
Ακρίβεια επιλογής ελέγχου
Ορίστε πόσο λεπτομερής θα πρέπει να είναι η επιλογή χρόνου. Επιλέξτε από διαστήματα ανά λεπτό έως ωριαία, ανάλογα με τις ανάγκες σας.
Διαθέσιμα διαστήματα:
- Κάθε λεπτό (12:00, 12:01, 12:02…) – Μέγιστη ακρίβεια
- Κάθε 5 λεπτά (12:00, 12:05, 12:10…) – Τυπικά ραντεβού
- Κάθε 10 λεπτά (12:00, 12:10, 12:20…) – Γρήγορες κρατήσεις
- Κάθε 15 λεπτά (12:00, 12:15, 12:30…) – Πιο συνηθισμένο
- Κάθε 30 λεπτά (12:00, 12:30, 1:00…) – Χρονικά διαστήματα μισής ώρας
- Κάθε ώρα (12:00, 1:00, 2:00…) – Απλή επιλογή
Γιατί έχει σημασία:
Λιγότερες επιλογές = ταχύτερη επιλογή. Αντιστοιχίστε τα διαστήματα στις ανάγκες προγραμματισμού σας για καλύτερη εμπειρία χρήστη.
🎯 Περιορισμοί Χρονικού Εύρους
Ορισμός αρχικών και τελευταίων χρόνων
Περιορίστε τις διαθέσιμες ώρες ώστε να αντιστοιχούν στο ωράριο λειτουργίας, τα χρονοδιαγράμματα εκδηλώσεων ή τα λειτουργικά παράθυρα. Οι χρήστες δεν μπορούν να επιλέξουν ώρες εκτός του καθορισμένου εύρους σας.
Έξυπνη επικύρωση
Η επικύρωση σε επίπεδο προγράμματος περιήγησης αποτρέπει τις μη έγκυρες υποβολές πριν οι χρήστες κάνουν κλικ στην υποβολή.
Χρήση περιπτώσεων:
- Ώρες λειτουργίας: Μόνο 9:00 π.μ. – 6:00 μ.μ.
- Βραδινές εκδηλώσεις: Μόνο μετά τις 5:00 μ.μ.
- Πρωινές ώρες: Μόνο πριν τις 12:00 μ.μ.
- Νυχτερινή βάρδια: 10:00 μ.μ. – 6:00 π.μ.
Παραδείγματα:
- Κρατήσεις σε εστιατόρια: Ελάχ. 11:00 π.μ., Μέγ. 10:00 μ.μ.
- Μαθήματα γυμναστικής: Ελάχ. 6:00 π.μ., Μέγ. 9:00 μ.μ.
- Ώρες υποστήριξης: Ελάχ. 8:00 π.μ., Μέγ. 5:00 μ.μ.
🔧 Προεπιλεγμένες επιλογές ώρας
Τρεις έξυπνες αξίες εκκίνησης:
1. Κενό (Χωρίς προεπιλογή)
Οι χρήστες ξεκινούν με ένα κενό πεδίο – καλύτερα όταν ο χρόνος είναι πάντα μοναδικός.
2. Τρέχουσα ώρα
Συμπληρώνεται αυτόματα με την τρέχουσα ώρα κατά τη φόρτωση της φόρμας – ιδανικό για πεδία «ώρας συμβάντος» ή χρονικής σήμανσης.
3. Προσαρμοσμένη ώρα
Προεπιλέξτε μια συγκεκριμένη ώρα, όπως «9:00 π.μ.», για προτεινόμενες ώρες ραντεβού ή συνήθεις επιλογές.
Πότε να χρησιμοποιήσετε το καθένα:
- Κενό – Ώρες έναρξης συμβάντων, προσωπικά χρονοδιαγράμματα
- Τρέχον – Χρονικές σημάνσεις αναφοράς, ώρες check-in
- Προσαρμοσμένες – Προτεινόμενες ώρες συναντήσεων, προεπιλεγμένες ώρες
⚡ Ακρίβεια δευτερολέπτων (Προαιρετικό)
Προσθέστε δευτερόλεπτα όταν χρειάζεται
Ενεργοποιήστε το πεδίο δευτερολέπτων (ΩΩ:ΛΛ:ΔΔ) για ακριβή παρακολούθηση χρόνου. Ιδανικό για δοκιμές χρόνου, χρονόμετρα και ακριβείς χρονικές σημάνσεις.
Παραδείγματα μορφοποίησης:
- Χωρίς δευτερόλεπτα: 14:30 ή 2:30 μ.μ.
- Με δευτερόλεπτα: 14:30:45 ή 2:30:45 μ.μ.
Ιδανικό για:
- Χρονομέτρηση αγώνων και αποτελέσματα αγώνων
- Επιστημονικά πειράματα
- Ακριβή συστήματα καταγραφής
- Υποβολές χρονομετρικών δοκιμών
🔀 Λογική υπό όρους
Δυναμικά Πεδία Χρόνου
Εμφάνιση ή απόκρυψη του πεδίου ώρας με βάση άλλες τιμές φόρμας. Δημιουργήστε έξυπνες φόρμες που προσαρμόζονται στην εισαγωγή δεδομένων από τον χρήστη.
Προηγμένοι Κανόνες Λογικής:
- ΚΑΙ Λογική – Πρέπει να πληρούνται όλες οι προϋποθέσεις
- Ή Λογική – Οποιαδήποτε συνθήκη μπορεί να ενεργοποιήσει την ενέργεια
- 8 Τελεστές – Ισούται με, Δεν είναι ίσο με, Μεγαλύτερο από, Μικρότερο από, Περιέχει, Είναι κενό και άλλα
Χρήση περιπτώσεων:
- Εμφάνιση της επιλογής «Προτιμώμενη ώρα κλήσης» μόνο όταν είναι επιλεγμένη η επιλογή «Επικοινωνία μέσω τηλεφώνου»
- Εμφάνιση της ένδειξης «Ώρα έναρξης συμβάντος» όταν ο τύπος συμβάντος ισούται με «Προσαρμοσμένο συμβάν»
- Απόκρυψη της επιλογής «Ώρα παράδοσης» όταν η μέθοδος παράδοσης είναι «Τυπική αποστολή»
- Εμφάνιση της «Ώρας Συνάντησης» όταν ο τύπος σύσκεψης ισούται με «Προσωπική Συνάντηση»
🎨 Βελτιωμένη εμπειρία χρήστη
Ενεργοποίηση με κλικ οπουδήποτε
Κάντε κλικ οπουδήποτε στο πεδίο για να ανοίξετε την εγγενή επιλογή ώρας – μεγαλύτερη περιοχή στόχευσης, καλύτερη χρηστικότητα.
Επιλογείς εγγενούς ώρας
Χρησιμοποιεί τον ενσωματωμένο επιλογέα ώρας του προγράμματος περιήγησης με οικείες, βελτιστοποιημένες για την πλατφόρμα διεπαφές (τροχός iOS, ρολόι Android, αναπτυσσόμενο μενού επιφάνειας εργασίας).
Βελτιστοποιημένο για κινητά
Επιλογή ώρας φιλική προς την αφή με εγγενή πληκτρολόγια και επιλογείς για κινητά.
Επιπρόσθετα χαρακτηριστικά:
- Προσαρμοσμένες κλάσεις CSS για στυλ
- Λειτουργία κρυφού πεδίου για ώρες συστήματος
- Υποστήριξη προσβασιμότητας (ετικέτες ARIA)
- Κουμπί διαγραφής για εύκολη επαναφορά
- Απαιτούμενη επικύρωση πεδίου
- Υποστήριξη κειμένου κράτησης θέσης
Απλή εγκατάσταση σε 3 βήματα
Ετοιμάστε το Πεδίο Χρόνου σας σε λίγα λεπτά
Προσθήκη του πεδίου ώρας
Σύρετε και αποθέστε το πεδίο Ώρα από την ενότητα Βασικά πεδία στη φόρμα σας.
Ρύθμιση μορφής και διαστημάτων
Επιλέξτε μορφή 12 ωρών ή 24 ωρών, ορίστε χρονικά διαστήματα (κάθε 15 λεπτά, 30 λεπτά κ.λπ.) και προαιρετικά προσθέστε ελάχιστους/μέγιστους χρονικούς περιορισμούς.
Ορισμός προεπιλεγμένης ώρας
Επιλέξτε αν το πεδίο ξεκινάει κενό, με την τρέχουσα ώρα ή με μια προσαρμοσμένη ώρα που καθορίζετε εσείς. Ενεργοποιήστε τα δευτερόλεπτα εάν χρειάζεστε ακριβή χρονισμό.
???? Αυτό είναι! Το πεδίο ώρας σας είναι έτοιμο με έξυπνη μορφοποίηση και επικύρωση.
Εφαρμογές πραγματικού κόσμου
Εξυπηρέτηση & Κρατήσεις
* Χρόνοι σέρβις οχημάτων
* Προγράμματα προβολής ακινήτων
* Ώρες κράτησης εκδρομών
* Χρονικές θέσεις κράτησης εγκαταστάσεων
Κράτηση Μαθημάτων & Δραστηριοτήτων
* Ώρες μαθημάτων γυμναστικής
* Προγραμματισμός εκπαιδευτικών συνεδριών
* Χρονικά διαστήματα ομαδικής δραστηριότητας
* Προτιμήσεις ώρας μαθήματος
Επιχειρηματικές λειτουργίες
* Ώρες έναρξης/λήξης βάρδιας
* Υποβολές χρονοδιαγράμματος εργασίας
* Συντονισμός ωρών συναντήσεων
* Επιλογή ώρας διαθεσιμότητας
Κράτηση ραντεβού
* Προγραμματισμός ιατρικών ραντεβού
* Κρατήσεις σε κομμωτήρια και σπα
* Επιλογή ώρας διαβούλευσης
* Αιτήσεις για ραντεβού εξυπηρέτησης
Εγγραφή Event
* Ώρες έναρξης/λήξης συμβάντος
* Προτιμήσεις ώρας συνεδρίας
* Χρονικά διαστήματα εργαστηρίων
* Επιλογή προγράμματος συνεδρίου
Παράδοση & Παραλαβή
* Χρονικά παράθυρα παράδοσης τροφίμων
* Ώρες παραλαβής από το κατάστημα
* Προγραμματισμός παραλαβής από το πεζοδρόμιο
* Προτιμήσεις χρόνου παράδοσης
Επιλογές ολοκλήρωσης πεδίου
βασική Διαμόρφωση
- Ετικέτα πεδίου – Ο τίτλος που εμφανίζεται πάνω από το πεδίο ώρας
- Περιγραφή/Κείμενο βοήθειας – Πρόσθετες οδηγίες για τους χρήστες
- Υποχρεωτικό πεδίο – Κάντε την επιλογή ώρας υποχρεωτική
- Κείμενο κράτησης θέσης – Κείμενο υπόδειξης πριν οι χρήστες επιλέξουν μια ώρα
Ρυθμίσεις μορφής ώρας
- Μορφή εμφάνισης
- 24ωρο ρολόι (14:30)
- 12ωρο ρολόι με π.μ./μ.μ. (2:30 μ.μ.)
Ακρίβεια & Διαστήματα
- Χρονικά διαστήματα
- Κάθε λεπτό
- Κάθε λεπτό 5
- Κάθε λεπτό 10
- Κάθε 15 λεπτά (το πιο δημοφιλές)
- Κάθε λεπτό 30
- Κάθε ώρα
Εμφάνιση δευτερολέπτων – Προσθήκη πεδίου δευτερολέπτων για ακριβή χρόνο (ΩΩ:ΛΛ:ΔΔ)
Περιορισμοί χρόνου
- Πρώιμος Επιτρεπόμενος Χρόνος (Λεπτά) – Οι χρήστες δεν μπορούν να επιλέξουν χρόνους πριν από αυτό
- Τελευταία Επιτρεπόμενη Ώρα (Μέγ.) – Οι χρήστες δεν μπορούν να επιλέξουν ώρες μετά από αυτήν
Προεπιλεγμένες τιμές
- Επιλογή ώρας έναρξης
- Δεν υπάρχει προεπιλεγμένη ώρα (κενό)
- Τρέχουσα ώρα (δυναμική – φορτώνει όταν ανοίγει η φόρμα)
- Προσαρμοσμένη ώρα (συγκεκριμένη ώρα που ορίζετε εσείς)
Προσαρμοσμένη ώρα έναρξης – Επιλέξτε τη συγκεκριμένη ώρα για προ-συμπλήρωση (όταν είναι επιλεγμένη η επιλογή «Προσαρμοσμένη»)
Υπό όρους λογική
- Ενεργοποίηση Λογικής Υπό Όρους – Εμφάνιση/απόκρυψη βάσει συνθηκών
- Λογικός τύπος
- Πρέπει να πληρούνται όλες οι προϋποθέσεις (ΚΑΙ)
- Οποιαδήποτε συνθήκη μπορεί να πληρούται (Ή)
- Κανόνες Συνθήκης
- Εμφάνιση/Απόκρυψη – Ενέργεια που πρέπει να εκτελεστεί
- Πεδίο – Ποιο πεδίο να ελεγχθεί
- Τελεστής – Ισούται με, Δεν είναι ίσο με, Περιέχει, Μεγαλύτερο από, Μικρότερο από, Είναι κενό, Δεν είναι κενό
- Αξία – Αξία σύγκρισης
- Πολλαπλές Συνθήκες – Προσθέστε απεριόριστους κανόνες
Επιλογές για προχωρημένους
- Λειτουργία κρυφού πεδίου – Χρήση ως κρυφό πεδίο με προκαθορισμένη τιμή
- Προσαρμοσμένες κλάσεις CSS – Εφαρμογή προσαρμοσμένου στυλ
- Χαρακτηριστικά Προσβασιμότητας – Ετικέτες και περιγραφές ARIA
Γιατί να επιλέξετε το πεδίο χρόνου μας;
✅ Διαισθητικό – Οι εγγενείς επιλογές προγράμματος περιήγησης παρέχουν οικείες εμπειρίες
✅ Ευέλικτο – οι μορφές 12 ωρών ή 24 ωρών ταιριάζουν με τις προτιμήσεις των χρηστών
✅ Ακριβές – Προσαρμοσμένα διαστήματα από κάθε λεπτό έως κάθε ώρα
✅ Έξυπνο – Οι περιορισμοί ελάχιστου/μέγιστου χρόνου αποτρέπουν τις επιλογές μη έγκυρης ώρας
✅ Δυναμική – Η υπό όρους λογική δημιουργεί προσαρμοστικές μορφές
✅ Φιλικό προς το χρήστη – Ενεργοποίηση με κλικ οπουδήποτε για καλύτερη εμπειρία χρήστη
✅ Βελτιστοποιημένο για κινητά – Εύχρηστοι στην αφή εγγενείς επιλογείς χρόνου
✅ Πλήρως ενσωματωμένο – Λειτουργεί άψογα με όλες τις λειτουργίες της φόρμας
Συχνές ερωτήσεις
Ε: Ποια είναι η διαφορά μεταξύ της 12ωρης και της 24ωρης μορφής;
Η 12ωρη μορφή εμφανίζει τις ώρες με π.μ./μ.μ., όπως 2:30 μ.μ. Η 24ωρη μορφή χρησιμοποιεί ώρες όπως 14:30 και είναι συνηθισμένη διεθνώς.
Ε: Πώς λειτουργούν τα χρονικά διαστήματα;
Τα διαστήματα καθορίζουν πόσο λεπτομερείς είναι οι επιλογές ώρας. Για παράδειγμα, ένα διάστημα 15 λεπτών δείχνει 9:00, 9:15, 9:30 και ούτω καθεξής.
Ε: Μπορώ να περιορίσω τις ώρες μόνο στο ωράριο λειτουργίας;
Ναι. Ορίστε την πρώτη και την τελευταία ώρα, όπως από τις 9:00 π.μ. έως τις 5:00 μ.μ., και οι χρήστες μπορούν να επιλέξουν μόνο εντός αυτού του εύρους.
Ε: Τι σημαίνει η προεπιλογή «Τρέχουσα ώρα»;
Όταν είναι ενεργοποιημένη, το πεδίο συμπληρώνεται αυτόματα με την τρέχουσα ώρα του χρήστη κατά τη φόρτωση της φόρμας.
Ε: Χρειάζομαι το πεδίο δευτερολέπτων;
Συνήθως όχι. Ενεργοποιήστε το μόνο όταν χρειάζεστε ακριβή χρονισμό, όπως καταχωρίσεις ΩΩ:ΛΛ:ΔΔ για συμβάντα ή τεχνικά δεδομένα.
Ε: Πώς λειτουργεί η επιλογή ώρας σε κινητά;
Κάθε συσκευή χρησιμοποιεί το εγγενές περιβάλλον χρήστη της. Το iOS συνήθως χρησιμοποιεί έναν επιλογέα τροχού, ενώ το Android χρησιμοποιεί έναν επιλογέα σε στυλ ρολογιού.
Ε: Μπορώ να χρησιμοποιήσω λογική υπό όρους με χρονικά πεδία;
Ναι. Μπορείτε να εμφανίσετε ή να αποκρύψετε πεδία με βάση τις επιλεγμένες ώρες χρησιμοποιώντας συνθήκες όπως "Ίσο με", "Μεγαλύτερο από" ή "Μικρότερο από".
Ε: Τι συμβαίνει εάν οι χρήστες προσπαθήσουν να επιλέξουν μη έγκυρες ώρες;
Οι χρόνοι εκτός του επιτρεπόμενου εύρους αποκλείονται από την επικύρωση του προγράμματος περιήγησης και δεν μπορούν να επιλεγούν.
Ε: Μπορώ να προσυμπληρώσω μια συγκεκριμένη ώρα;
Ναι. Επιλέξτε "Προσαρμοσμένη" για την προεπιλεγμένη ώρα και επιλέξτε οποιαδήποτε τιμή θέλετε να είναι προφορτωμένη.
Ε: Λειτουργεί το πεδίο ώρας σε όλα τα προγράμματα περιήγησης;
Όλα τα σύγχρονα προγράμματα περιήγησης υποστηρίζουν την εισαγωγή ώρας HTML5 με ενσωματωμένα εργαλεία επιλογής. Τα παλαιότερα προγράμματα περιήγησης επιστρέφουν στην εισαγωγή κειμένου με επικύρωση.
Ε: Μπορώ να διαμορφώσω το πεδίο ώρας ώστε να ταιριάζει με τον ιστότοπό μου;
Ναι. Ο επιλογέας χρησιμοποιεί εγγενές περιβάλλον χρήστη, αλλά το πεδίο εισαγωγής μπορεί να διαμορφωθεί με κλάσεις CSS.
Ε: Ποια μορφή χρησιμοποιεί η υποβληθείσα ώρα;
Οι τιμές ώρας υποβάλλονται πάντα σε 24ωρη μορφή, διασφαλίζοντας συνεπή δεδομένα για επεξεργασία.
