2011-01-26 97 views
21

Uso jQuery datetimepicker que se extendió desde jQuery datepicker para elegir no solo la fecha, sino también la hora.¿Cómo formato la fecha en jQuery datetimepicker?

Quiero configurar el formato de fecha/tiempo de esta manera: dd-mm-yyyy @ hh:mm

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

Pero esto no funciona. Obtengo la fecha/hora en el formato siguiente:

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

¿Hay alguna función de javascript para formatear esta fecha/hora? Si no, ¿cómo hago eso usando el plugin? Mira mi código: FIDDLE

+0

¿Por qué usa un div (y no un elemento de entrada)? Además: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDateFormat.html puede ser útil. – abesto

+1

No quiero una entrada ... no funciona .... y uso datetimepicker no solo datepicker –

+0

¿Desea que el valor "alertado" se muestre como "dd-mm-aaaa @ hh: mm"? –

Respuesta

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; 
} 

Debe pasar datepicker() la fecha formateada correctamente.

+1

Esta respuesta no está actualizada: o ( – maasha

3

Por ejemplo, obtengo la fecha/hora en formato español.

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

Las nuevas versiones de datetimepicker (que estoy usando es utilizar 2.3.7) utiliza format:"Y/m/d" no dateFormat...

por lo

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

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

+0

¿Se puede agregar tiempo aquí? ¿Y tener año en formato YYYY? – FrenkyB

+0

Pasé algún tiempo depurando el comportamiento extraño en mi aplicación, hasta que encontré que el formato no era el estándar. ¿Qué tipo de formato de fecha es este? ¿Hay alguna referencia en algún lugar? –

0

puede utilizar:

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

Esto funciona para mí. Dado que "extiende" datepicker, aún podemos usar dateFormat: 'dd/mm/aa'.

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

    }); 
}); 
Cuestiones relacionadas