Hoe formatteer ik datum in jQuery datetimepicker?

Ik gebruik jQuery datetimepickerdie is uitgebreid van jQuery datepickerom niet alleen de datum te kiezen, maar ook.

Ik wil datum / tijdformaat instellen op deze manier: dd-mm-yyyy @ hh:mm

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

Maar dit werkt niet. Ik krijg de datum / tijd in het volgende formaat:

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

Is er een JavaScript-functie om deze datum / tijd te formatteren? Zo niet, hoe doe ik dat met behulp van de plug-in? Bekijk mijn code: Fiddle


Antwoord 1, Autoriteit 100%

Hier gaat u .

$('#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;
}

U moet DATEPICKER () de op de juiste manier geformatteerd.


Antwoord 2, Autoriteit 11%

Nieuwere versies van DatetImepicker (ik gebruik het gebruik 2.3.7) Gebruik format:"Y/m/d"NIET dateFormat...

dus

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

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


Antwoord 3, autoriteit 11%

Dit werkt voor mij. Omdat het datepicker “uitbreidt” kunnen we dateFormat:’dd/mm/yy’ nog steeds gebruiken.

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

Antwoord 4, autoriteit 7%

Ik krijg bijvoorbeeld datum/tijd in het formaat Spaans.

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

Antwoord 5, autoriteit 4%

u kunt gebruiken:

$('#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;
 }

Antwoord 6, autoriteit 4%

dit werkte voor mij.

$(document).ready(function () {
    $("#datePicker").datetimepicker({
        format: 'DD/MM/YYYY HH:mm:ss',
        defaultDate: new Date(),
    });
}

hier zijn de CDN-links

<!-- datetime picker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.4/css/bootstrap-datetimepicker.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.4/js/bootstrap-datetimepicker.min.js"></script>

Antwoord 7, Autoriteit 2%

U kunt de optie formatgebruiken, zoals beschreven in de documentatie

$("#timePicker").datetimepicker({
  format: 'Y-m-d H:i'
});

Other episodes