language formatdate fecha español ejemplos configurar actual javascript jquery datepicker jquery-ui-datepicker

javascript - formatdate - ¿Cómo formatear la fecha con horas, minutos y segundos al usar jQuery UI Datepicker?



datepicker language (6)

O bien, usando el plugin datetimepicker.

Ref .: DateTimePicker AM / PM Dropdown

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

¿Es posible formatear una fecha con jQuery UI Datepicker para mostrar horas, minutos y segundos?

Esta es mi maqueta actual:

$(function() { $(''#datepicker'').datepicker({ dateFormat: ''yyy-dd-mm HH:MM:ss'' }).val(); });

<html> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> <title>snippet</title> </head> <body> <input type="text" id="datepicker"> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>

Cuando llamo a .datepicker({ dateFormat: ''yyy-dd-mm HH:MM:ss'' }) el valor devuelto es:

201313-07-03 HH: julio: ss

Aquí hay un JSFiddle .


Si no desea agregar el selector de tiempo, podemos usar solo javascript para la parte de tiempo.

var dateObj=new Date(); var date = $.datepicker.formatDate(''dd M yy'', dateObj); var time = dateObj.getHours()+":"+dateObj.getMinutes()+":"+dateObj.getSeconds(); console.log(date," ",time);


Usando jQuery UI en combinación con el excelente plugin datetimepicker de http://trentrichardson.com/examples/timepicker/

Puede especificar la fechaFormato y el formato de tiempo

$(''#datepicker'').datetimepicker({ dateFormat: "yy-mm-dd", timeFormat: "hh:mm:ss" });


agregué este código

<input class="form-control input-small hasDatepicker" id="datepicker6" name="expire_date" type="text" value="2018-03-17 00:00:00"> <script src="/assets/js/datepicker/bootstrap-datepicker.js"></script> <script> $(document).ready(function() { $("#datepicker6").datepicker({ isRTL: true, dateFormat: "yy/mm/dd 23:59:59", changeMonth: true, changeYear: true }); }); </script>


prueba este fiddle

$(function() { $(''#datepicker'').datepicker({ dateFormat: ''yy-dd-mm'', onSelect: function(datetext){ var d = new Date(); // for now var h = d.getHours(); h = (h < 10) ? ("0" + h) : h ; var m = d.getMinutes(); m = (m < 10) ? ("0" + m) : m ; var s = d.getSeconds(); s = (s < 10) ? ("0" + s) : s ; datetext = datetext + " " + h + ":" + m + ":" + s; $(''#datepicker'').val(datetext); } }); });


$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");

Para el selector de tiempo, debe agregar timepicker a Datepicker, y se formateará con un comando equivalente.

EDITAR

Use este que extiende jQuery UI Datepicker. Puede recoger tanto la fecha como la hora.

http://trentrichardson.com/examples/timepicker/