2011-01-26 14 views
21

Io uso jQuery datetimepicker che è stato esteso da jQuery datepicker per scegliere non solo la data, ma anche il tempo.Come posso formattare la data in jQuery datetimepicker?

voglio impostare il formato di data/ora in questo modo: dd-mm-yyyy @ hh:mm

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

Ma questo non funziona. Ottengo la data/ora nel seguente formato:

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

C'è qualche funzione JavaScript per formattare questa data/ora? In caso contrario, come faccio a usare il plugin? Controlla il mio codice: FIDDLE

+0

Perché si utilizza un div (e non un elemento di input)? Inoltre: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDateFormat.html potrebbe essere utile. – abesto

+1

Non voglio un input ... non funziona .... e uso datetimepicker non solo datepicker –

+0

Vuoi che il valore "allertato" venga visualizzato come "gg-mm-aaaa @ hh: mm"? –

risposta

26

Here you go.

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

È necessario passare datepicker() la data formattata correttamente.

+1

Questa risposta è superata: o ( – maasha

3

Ad esempio, ottengo la data/ora in formato spagnolo.

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

versioni più recenti di datetimepicker (che sto utilizzando è utilizzare 2.3.7) utilizzare format:"Y/m/d" non dateFormat...

così

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

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

+0

È possibile aggiungere tempo qui? E per avere un anno in formato AAAA? – FrenkyB

+0

Ho trascorso un po 'di tempo il debug di comportamento strano nel mio app, fino a quando ho scoperto che il formato non era quello standard. Che tipo di formattazione della data è questa? C'è un riferimento per esso da qualche parte? –

0

è possibile utilizzare:

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

Questo funziona per me. Dato che "extends" datepicker possiamo ancora usare dateFormat: 'gg/mm/aa'.

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

    }); 
}); 
Problemi correlati