Question jQuery UI DatePicker - Modifier le format de la date


J'utilise l'interface utilisateur 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. Y a-t-il un moyen de le récupérer dans le format DD-MM-YYYY?


477
2017-08-25 12:40


origine


Réponses:


En voici une spécifique pour votre code:

var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();

Plus d'informations générales disponibles ici:


869
2017-08-25 12:42



Dans le code du script jQuery, collez simplement le code.

$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });

cela devrait fonctionner.


89
2017-08-16 05:08



le getDate méthode de datepicker renvoie un type de date, pas une chaîne.

Vous devez formater la valeur renvoyée en une chaîne en utilisant votre format de date. Utiliser la datepicker formatDate fonction:

var dateTypeVar = $('#datepicker').datepicker('getDate');
$.datepicker.formatDate('dd-mm-yy', dateTypeVar);

La liste complète des spécificateurs de format est disponible ici.


56
2017-11-25 02:40



Voici un code complet pour le sélecteur de date avec le format de date (aa / mm / jj).

Copiez le lien ci-dessous et collez le tag principal:

   <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>  
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>  
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

   <script type="text/javascript">
       $(function() {
               $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val()
       });
   </script>

Copier le code ci-dessous et coller entre la balise body:

      Date: <input type="text" id="datepicker" size="30"/>    

Si vous souhaitez deux (2) types de texte de saisie comme Start Date et End Date Ensuite, utilisez ce script et modifiez le format de la date.

   <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>  
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>  
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

   <script type="text/javascript">
       $(function() {
               $("#startdate").datepicker({ dateFormat: "dd-mm-yy" }).val()
               $("#enddate").datepicker({ dateFormat: "dd-mm-yy" }).val()
       });

   </script>  

Deux textes d'entrée comme:

      Start Date: <input type="text" id="startdate" size="30"/>    
      End Date: <input type="text" id="enddate" size="30"/>

33
2018-01-28 06:29



getDate fonction renvoie une date JavaScript. Utilisez le code suivant pour formater cette date:

var dateObject = $("#datepicker").datepicker("getDate");
var dateString = $.datepicker.formatDate("dd-mm-yy", dateObject);

Il utilise une fonction utilitaire intégrée dans datepicker:

$.datepicker.formatDate( format, date, settings ) -   Mettre en forme une date dans une valeur de chaîne avec un format spécifié.

La liste complète des spécificateurs de format est disponible ici.


18
2017-12-12 19:08



format de date

Le format pour les dates analysées et affichées. Cet attribut est l'un des   les attributs de régionalisation. Pour une liste complète des possibles   formats voir la fonction formatDate.

Exemples de code Initialiser un outil datepicker avec l'option dateFormat   spécifié.

$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });

Récupère ou définit l'option dateFormat, après init.

//getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
//setter
$( ".selector" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );

17
2017-08-30 09:08



$("#datepicker").datepicker("getDate") renvoie un objet date, pas une chaîne.

var dateObject = $("#datepicker").datepicker("getDate"); // get the date object
var dateString = dateObject.getFullYear() + '-' + (dateObject.getMonth() + 1) + '-' + dateObject.getDate();// Y-n-j in php date() format

9
2018-01-01 12:35