0
votes

jquery ui dateformat ne change pas format

J'ai un salepicker que je veux appliquer un format personnalisé, mais cela ne fonctionne pas.

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


0 commentaires

3 Réponses :


0
votes

Exemple complet est ici avec votre format requis:

p>

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Format date</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $("#datepicker").datepicker();
    $("#format").on( "change", function() {
      $("#datepicker").datepicker( "option", "dateFormat", $( this ).val() );
    });
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker" size="30"></p>
 
<p>Format options:<br>
  <select id="format">
    <option value="mm/dd/yy">Default - mm/dd/yy</option>
    <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
    <option value="dd-mm-yy">Other - dd-mm-yy</option>
	<option value="d M, y">Short - d M, y</option>
    <option value="d MM, y">Medium - d MM, y</option>
    <option value="DD, d MM, yy">Full - DD, d MM, yy</option>
    <option value="&apos;day&apos; d &apos;of&apos; MM &apos;in the year&apos; yy">With text - 'day' d 'of' MM 'in the year' yy</option>
  </select>
</p>
 
 
</body>
</html>


3 commentaires

merci j'ai essayé différentes versions de votre code (incl l'original) mais cela ne fonctionne pas


@MajaOkholm son travail également dans l'exemple. Veuillez partager votre code complet.


Je me rends compte de la documentation de sorte que vous avez raison de travailler, mais cela ne fonctionne pas lorsque je le saisi dans mon projet. Je suppose que quelque chose doit être faux dans ma configuration parce que cela devrait être simple, mais je ne peux pas faire fier ce que le problème est :-(



1
votes

L'une des raisons pour lesquelles cela peut échouer, c'est si vous effectuez deux appels vers DatePicker () dans le même fichier, et on écrase les résultats de l'autre.

HTML xxx

js xxx


1 commentaires

Merci bien devinez, mais malheureusement ce n'est pas le cas non plus



1
votes

Merci pour les entrées, mais j'ai trouvé le problème - il y avait une réfraction à un autre JS Libary appelé Bootstrap-DatePicker.js dans la solution qui interfère avec la JQuery UI Libary. Désolé pour la mauvaise question


0 commentaires