web-dev-qa-db-fra.com

Format de date JQuery Datepicker - Comment passer de jj/mm/aaaa à jj/mm/aa?

J'ai utilisé JQuery Datepicker où le format de date est jj/mm/aaaa. Je voudrais que la date soit affichée comme jj/mm/aa.

Par exemple. Au lieu du 15/07/2017, j'aimerais que la date soit indiquée comme 15/07/17 dans le sélecteur de date.

C'est ainsi que j'appelle le datepicker de JQuery, mais il ne s'agit pas de formater la date selon mes besoins. 

$( ".startdate" ).datepicker({
    dateFormat: 'dd-mm-yy',
    changeMonth: true,
    changeYear: true
});

Existe-t-il une option intégrée pour ce format de date? Ou existe-t-il un moyen de créer un format de date personnalisé en fonction de nos propres besoins?.

jquerydatejquery-uidatepicker
3
Ayushi Zile

Vous devez faire comme ci-dessous: -

$( ".startdate" ).datepicker({
    dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true
});

Exemple:-

$( ".startdate" ).datepicker({
  dateFormat: 'dd/mm/y',//check change
  changeMonth: true,
  changeYear: true
});
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Twitter-bootstrap/4.0.0-alpha/js/bootstrap.js" data-modules="effect effect-bounce effect-blind effect-bounce effect-clip effect-drop effect-fold effect-slide"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />


 <h1>Datepicker with Date Format (dd/mm/y) using JQuery</h1>
  <p>Date picker: <input type="text" class="startdate" size="30"/></p>
  <br> 
  Date Format : dd/mm/y

3
Alive to Die

C'est ce qui a fonctionné pour moi dans chaque version de datePicker (approche similaire à celle utilisée en PHP)

$.datepicker.formatDate("dd/mm/y", $.datepicker.parseDate('dd/mm/yy', lowestDate))
0
FantomX1