Προς το περιεχόμενο

Πρόβλημα με datepicker


Μετάβαση στην απάντηση Απαντήθηκε από Xvipes,

Προτεινόμενες αναρτήσεις

Δημοσ.

Καλημέρα, προσπαθώ να φτιάξω μία φόρμα με ένα πεδίο που δέχεται δεδομένα τύπου date.

Δυστυχώς όμως ο bootstrap datepicker επιμένει σε ημερομηνία μορφής mm/dd/yyyy, ότι και αν έχω δοκιμάσει.

Οι δοκιμές γίνονται σε firefox.

Το περίεργο είναι ότι όταν δοκίμασα με edge που είναι στα ελληνικά, εμφανίζεται κανονικά.

Επίσης για να μην ανοίγω κάποιο άλλο θέμα, πώς θα αποθηκευτεί σωστά στο backend (Spring).

Ευχαριστώ.

Δημοσ.

Τι έχεις δοκιμάσει όμως δε μας λες. Χωρίς κώδικα δύσκολο να βοηθήσουμε, από το documentation πάντως βλέπω πως μπορείς να περάσεις το format του date.
 

$('.datepicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '-3d'
});

 

Δημοσ.
1 ώρα πριν, Xvipes είπε

Τι έχεις δοκιμάσει όμως δε μας λες. Χωρίς κώδικα δύσκολο να βοηθήσουμε, από το documentation πάντως βλέπω πως μπορείς να περάσεις το format του date.
 

$('.datepicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '-3d'
});

 

Δοκίμασα απ΄ευθείας μέσα στο input

<input class="datepicker" data-date-format="dd/mm/yyyy">

Και πετάει error.

Μόλις δώσω type="date", δουλεύει, αλλά δεν κάνει αυτό που ψάχνω.

Δημοσ.

Κάπου στον κώδικα δηλώνεις πως η κλάση "datepicker" θα χρησιμοποιηθεί από το bootstrap για να το κάνεις datepicker ( $('.datepicker').datepicker() ).

Μην βάλεις type="date" γιατί θα κάνει overwrite η HTML5 για το validation του field. Βάλε σκέτο type="text". To data-date-format="dd/mm/yyyy" δεν το θέλεις αν το βάλεις στις παραμέτρους του datepicker({ format: 'mm/dd/yyyy'}).


https://jsfiddle.net/z8mcpgxk/


Βάλε τον συνολικό κώδικα για παραπάνω βοήθεια.

Δημοσ.
36 λεπτά πριν, Xvipes είπε

Κάπου στον κώδικα δηλώνεις πως η κλάση "datepicker" θα χρησιμοποιηθεί από το bootstrap για να το κάνεις datepicker ( $('.datepicker').datepicker() ).

Μην βάλεις type="date" γιατί θα κάνει overwrite η HTML5 για το validation του field. Βάλε σκέτο type="text". To data-date-format="dd/mm/yyyy" δεν το θέλεις αν το βάλεις στις παραμέτρους του datepicker({ format: 'mm/dd/yyyy'}).


https://jsfiddle.net/z8mcpgxk/


Βάλε τον συνολικό κώδικα για παραπάνω βοήθεια.

Και στο jsfiddle δε δουλεύει.

Δοκίμασα με dd/mm/yyyy και πάλι εμφανίζει mm/dd/yyyy.

  • Λύση
Δημοσ.
8 minutes ago, Lanike71 said:

Και στο jsfiddle δε δουλεύει.

Δοκίμασα με dd/mm/yyyy και πάλι εμφανίζει mm/dd/yyyy.

Έχεις δίκαιο, το άλλαξα.
Το πρόβλημα ήταν στο όνομα της παραμέτρου, θέλει "$( ".datepicker" ).datepicker({ dateFormat: 'dd/mm/yy'});" //31/10/2024

  • Thanks 1

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...