Σε αυτό το Εγχειρίδιο θα σας δείξω πώς μπορείτε να υλοποιήσετε την είσοδο ημερομηνίας και ώρας στις Φόρμες Ιστού σας. Θα εξηγήσω τους διάφορους τύπους εισόδου που έχετε στη διάθεσή σας και θα σας δώσω χρήσιμες συμβουλές για την πρακτική εφαρμογή τους. Θα αναφερθούμε τόσο στην είσοδο της ημερομηνίας όσο και της ώρας, ώστε να αποκτήσετε μια στερεή κατανόηση για την Υλοποίηση αυτών των λειτουργιών.
Βασικά Ευρήματα
- Ο τύπος εισόδου date επιτρέπει την επιλογή μόνο μιας ημερομηνίας.
- Ο τύπος εισόδου dateTime-local συνδυάζει ημερομηνία και ώρα χωρίς προσαρμογή ζώνης ώρας.
- Η μορφοποίηση των ημερομηνιών και των χρονικών σημείων πραγματοποιείται κανονικοποιημένα σύμφωνα με το ISO 8601.
- Οι περιηγητές μπορεί να έχουν διαφορετικές ιδιότητες εμφάνισης για την εισαγωγή Ημερομηνίας και Ώρας.
Βασικά στοιχεία για την Είσοδο Ημερομηνίας και Ώρας
Για να υλοποιήσετε την είσοδο ημερομηνίας και ώρας στις φόρμες σας, χρειάζεστε τους τύπους εισόδου HTML date, dateTime-local και time. Ο τύπος date επιτρέπει στον χρήστη να επιλέξει μια ημερομηνία, ενώ ο τύπος dateTime-local καταγράφει τόσο ημερομηνία όσο και ώρα. Το τελευταίο αποστέλλεται χωρίς προσαρμογή ζώνης ώρας, πράγμα που σημαίνει ότι η είσοδος που δίνει ο χρήστης θα μεταβιβάζεται στον διακομιστή.
Ας εξετάσουμε αυτούς τους τύπους λεπτομερώς.
Χρήση του Τύπου Εισόδου date
Για να ρωτήσετε μόνο μια ημερομηνία, μπορείτε να χρησιμοποιήσετε τον τύπο date. Αυτό επιτρέπει στον χρήστη να επιλέξει μια ημερομηνία μέσω ενός ενσωματωμένου εργαλείου ημερολογίου, βελτιώνοντας την ευχρηστία για τον χρήστη.
Όταν ανοίγετε το εργαλείο ημερολογίου, μπορείτε να επιλέξετε διάφορες ημερομηνίες και να τις μεταβιβάσετε πατώντας «Υποβολή». Η ημερομηνία μεταβιβάζεται σε κανονικοποιημένη μορφή: Έτος-Μήνας-Ημερομηνία.
Είναι σημαντικό να γνωρίζετε ότι η παρουσίαση του ημερολογίου μπορεί να είναι διαφορετική ανάλογα με τον περιηγητή. Οι τοπικές ρυθμίσεις του λειτουργικού συστήματός σας επηρεάζουν τον τρόπο παρουσίασης της ημερομηνίας.
Είσοδος ημερομηνίας και ώρας με dateTime-local
Αν θέλετε να καταγράψετε τόσο μια ημερομηνία όσο και μια ώρα, θα πρέπει να χρησιμοποιήσετε τον τύπο dateTime-local. Αυτό λειτουργεί παρόμοια με την ερώτηση ημερομηνίας, μόνο που μπορείτε επιπλέον να καθορίσετε και την ώρα.
Σε αυτήν την περίπτωση μπορείτε να επιλέξετε και την ημέρα και την ώρα. Ενδιαφέρον είναι ότι ο χρόνος εμφανίζεται σε μορφή 24 ωρών, εάν το format ΔΕΝ είναι ενεργοποιημένο στις τοπικές ρυθμίσεις σας.
Όταν υποβάλλετε τη φόρμα, λαμβάνετε τα δεδομένα σας και ο χρόνος παραμένει αμετάβλητος, χωρίς να μετατραπεί σε άλλη ζώνη ώρας.
Χρήση του time
Ο μόνος τύπος εισόδου time σάς επιτρέπει να καθορίσετε μόνο την ώρα χωρίς την ημερομηνία. Με αυτόν τον τύπο έχετε τη δυνατότητα να επιλέξετε την ώρα, η οποία θα μεταφέρεται επίσης σε μορφή 24 ωρών.
Ενσωμάτωση Άλλων Μορφών Ημερομηνιών
Εκτός από τους παραπάνω τύπους υπάρχει και η δυνατότητα να υλοποιήσετε την είσοδο εβδομάδων (week) και μηνών (month). Χρησιμοποιώντας το format week, μπορείτε να δηλώσετε συγκεκριμένες εβδομάδες και να επιλέξετε εύκολα την επιθυμητή εβδομάδα.
Για το format month ισχύει κάτι αντίστοιχο. Εδώ έχετε τη δυνατότητα να επιλέξετε μόνο το μήνα, χωρίς να ορίσετε συγκεκριμένες ημέρες.
