web-dev-qa-db-fra.com

Comment formater la date dans le sélecteur de données jQuery?

J'utilise jQuery datetimepicker qui a été étendu à partir de jQuery datepicker pour choisir non seulement la date mais aussi l'heure.

Je souhaite définir le format de date/heure de cette façon: dd-mm-yyyy @ hh:mm

$('#timePicker').datetimepicker({
  dateFormat: 'dd:mm:yyyy',
  separator: ' @ ',
  minDate: new Date()
});

Mais cela ne fonctionne pas. J'obtiens la date/l'heure au format suivant:

Thu Jan 27 2011 02:05:17 GMT+0100

Existe-t-il une fonction javascript pour formater cette date/heure? Sinon, comment puis-je faire cela en utilisant le plugin? Consultez mon code: VIOLON

javascriptjqueryjquery-ui-datepicker
29
Upvote

Voilà .

$('#timePicker').datetimepicker({
   // dateFormat: 'dd-mm-yy',
   format:'DD/MM/YYYY HH:mm:ss',
    minDate: getFormattedDate(new Date())
});

function getFormattedDate(date) {
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear().toString().slice(2);
    return day + '-' + month + '-' + year;
}

Vous devez passer datepicker () la date correctement formatée.

36
Skilldrick

Les nouvelles versions de datetimepicker (j'utilise est d'utiliser 2.3.7) utilisent format:"Y/m/d" ne pas dateFormat...

alors

jQuery('#timePicker').datetimepicker({
    format: 'd-m-y',
    value: new Date()
});

Voir http://xdsoft.net/jqplugins/datetimepicker/

4
Nate Bosscher

Par exemple, j'obtiens la date/heure au format espagnol.

$('#timePicker').datetimepicker({
    defaultDate: new Date(),
    format:'DD/MM/YYYY HH:mm'
});
3
ShirleyCC

Cela fonctionne pour moi. Puisqu'il "étend" le sélecteur de date, nous pouvons toujours utiliser dateFormat: 'jj/mm/aa'.

$(function() {
    $('.jqueryui-marker-datepicker').datetimepicker({
        showSecond: true,
        dateFormat: 'dd/mm/yy',
      timeFormat: 'hh:mm:ss',
      stepHour: 2,
      stepMinute: 10,
      stepSecond: 10

     });
});
2
Indrit Kello

vous pouvez utiliser :

$('#timePicker').datetimepicker({
        format:'d.m.Y H:i',
        minDate: ge_today_date(new Date())
});

 function ge_today_date(date) {
     var day = date.getDate();
     var month = date.getMonth() + 1;
     var year = date.getFullYear().toString().slice(2);
     return day + '-' + month + '-' + year;
 }
2
sandeep kumar