J'utilise UI DatePicker de jQuery UI comme sélecteur autonome. J'ai ce code:
<div id="datepicker"></div>
Et le JS suivant:
$('#datepicker').datepicker();
Lorsque j'essaie de renvoyer la valeur avec ce code:
var date = $('#datepicker').datepicker('getDate');
Je suis retourné ceci:
Tue Aug 25 2009 00:00:00 GMT+0100 (BST)
Ce qui est totalement le mauvais format. Existe-t-il un moyen de le récupérer dans le format DD-MM-YYYY
?
jquery
jquery-ui
date
jquery-ui-datepicker
tarnfeld
la source
la source
Réponses:
En voici une spécifique à votre code:
Plus d'informations générales disponibles ici:
la source
yy
me donne2015
. Comment puis-je seulement obtenir15
?y
. formatage de$("#datepicker").datepicker("option", "dateFormat", "dd-mm-yy" ).val()
format: 'dd-mm-yyyy',
devrait fonctionnerà l'intérieur du code du script jQuery, collez simplement le code.
cela devrait fonctionner.
la source
.selector
et#datepicker
ne sont pas les mêmes. Coller mot à mot votre code ne fonctionnerait pas.La
getDate
méthode de datepicker renvoie un type de date, pas une chaîne.Vous devez formater la valeur retournée en une chaîne en utilisant votre format de date. Utilisez la
formatDate
fonction de datepicker :La liste complète des spécificateurs de format est disponible ici .
la source
Voici le code complet pour le sélecteur de date avec format de date (aa / mm / jj).
Copiez le lien ci-dessous et collez la balise head:
Copiez le code ci-dessous et collez-le entre les balises body:
Si vous voulez deux (2) entrée de type texte comme
Start Date
etEnd Date
ensuite utiliser ce script et le changement de date.Deux textes d'entrée comme:
la source
la source
getDate
renvoie une date JavaScript. Utilisez le code suivant pour formater cette date:Il utilise une fonction utilitaire intégrée à datepicker:
La liste complète des spécificateurs de format est disponible ici .
la source
$("#datepicker").datepicker("getDate")
renvoie un objet date, pas une chaîne.la source
la source
Essayez d'utiliser le
et il y a beaucoup d'options disponibles Pour le sélecteur de date, vous pouvez le trouver ici
C'est ainsi que nous appelons le sélecteur de date avec le paramètre
la source
vous pouvez simplement utiliser ce format dans votre fonction comme
la source
Si vous avez besoin de la date au format aa-mm-jj, vous pouvez utiliser ceci: -
Vous pouvez trouver tous les formats pris en charge https://jqueryui.com/datepicker/#date-formats
J'avais besoin de 06 décembre 2015, j'ai fait ceci: -
la source
la source
Il suffit d'exécuter cette page HTML, vous pouvez voir plusieurs formats.
la source
Cela fonctionne aussi:
la source
la source
Cela fonctionne bien. Essaye ça.
Collez ces liens dans votre section de tête.
Voici le codage JS.
la source
Si vous configurez un sélecteur de date sur un
input[type="text"]
élément, il se peut que vous n'obteniez pas une date au format cohérent, en particulier lorsque l'utilisateur ne suit pas le format de date pour la saisie de données.Par exemple, lorsque vous définissez la dateFormat en tant que
dd-mm-yy
et les types d'utilisateurs1-1-1
. Le sélecteur de date le convertira enJan 01, 2001
interne mais l'appelval()
à l'objet datepicker renverra la chaîne"1-1-1"
- exactement ce qui est dans le champ de texte.Cela implique que vous devez soit valider la saisie de l'utilisateur pour vous assurer que la date entrée est au format que vous attendez, soit ne pas autoriser l'utilisateur à saisir les dates sous forme libre (préférant plutôt le sélecteur de calendrier). Même ainsi, il est possible de forcer le code datepicker pour vous donner une chaîne formatée comme vous vous y attendez:
Sachez cependant que, bien que la
getDate()
méthode du sélecteur de date renvoie une date, elle ne peut faire que des entrées utilisateur qui ne correspondent pas exactement au format de date. Cela signifie qu'en l'absence de validation, il est possible d'obtenir une date de retour différente de celle attendue par l'utilisateur. Caveat emptor .la source
J'utilise jquery pour datepicker. Ces jqueries sont utilisées pour cela
Ensuite, vous suivez ce code,
la source
Mon option est donnée ci-dessous:
la source
Enfin obtenu la réponse pour la méthode de changement de date datepicker:
la source
J'utilise ceci:
Qui renvoie une date de format comme "
20120118
" pourJan 18, 2012
.la source
Le code ci-dessous peut aider à vérifier si le formulaire contient plus d'un champ de date:
la source
Je pense que la bonne façon de procéder serait quelque chose comme ceci:
De cette façon, vous vous assurez que la chaîne de formatage n'est définie qu'une seule fois et vous utilisez le même formateur pour traduire la chaîne de formatage en la date formatée.
la source
Voici un extrait de date à l'épreuve du temps. Firefox utilise par défaut jquery ui datepicker. Sinon, le sélecteur de date HTML5 est utilisé. Si FF prend jamais en charge HTML5 type = "date", le script sera simplement redondant. N'oubliez pas que les trois dépendances sont nécessaires dans la balise head.
la source
vous devez utiliser
data-date-format="yyyy-mm-dd"
dans votre champ de saisie html et sélecteur de données initial dans JQuery comme simplela source
Vous pouvez ajouter et essayer de cette façon:
Fichier HTML :
Fichier JavaScript :
la source
C'est ce qui a fonctionné pour moi:
la source
J'ai donc lutté avec cela et j'ai pensé que je devenais fou, le truc c'est que le datpicker bootstrap était implémenté et non jQuery donc les options étaient différentes;
la source