<input id="datePicker" type="date" />

voy a fijar la fecha de hoy en el selector de fecha de entrada tipo fecha en chrome.

$(document).ready( function() {
    var now = new Date();
    var today = now.getDate()  + '/' + (now.getMonth() + 1) + '/' + now.getFullYear();
    alert(today);
    $('#datePicker').val(today);
});​

pero no

Editar Este jsFiddle – Por favor, inténtelo en chrome.

  • Si selecciona una fecha en el violín y inspeccionar el resultado de marco, haciendo un $('#datePicker').val(); da "2012-09-10" y que no es el formato que se usará para fijar la fecha de
  • Trabajando en chrome en mi final.. ¿Qué decir exactamente por its not working?
  • probar : { currentText: "Now" }, consulte manual
  • trabajando en mí… ¿cuál es el problema?
  • Sí a mí me funciona fino
  • voy a tratar de 2012-09-10 este formato, pero que aún no funcionan.
  • $('#datePicker').val("2012-09-01"); me funciona
  • ¿cuál es la fecha de su equipo tiempo de formiato?
  • fr_FR (@user108, véase también stackoverflow.com/a/3496622/180100)
  • mi pc fecha de formiato dd/MM/yyyy
  • Este enlace estados que chrome tiene cambios en la política después de la versión 20, así que si usted está utilizando la versión más reciente lo anterior falla, tal vez. En ese caso, usted necesita para alterar la lógica en javascript para que coincida con sus necesidades exactas base en la versión de chrome. puede detectar la versión con stackoverflow.com/questions/5916900/detect-version-of-browser
  • Por favor, hágamelo saber el plugin se han utilizado para el selector de fecha. Probablemente truco se puede hacer en el plugin… gracias
  • Funciona, pero su fecha tiene que estar en este formato YYYY-MM-DD
  • usted puede usar debajo de la fecha de la función var hoy = new Date().toISOString().split(‘T’)[0]; $(«#datePicker»).val(hoy);

InformationsquelleAutor Sender | 2012-09-10

9 Comentarios

  1. 133

    Violín enlace : http://jsfiddle.net/7LXPq/93/

    Dos problemas en este:

    1. Fecha de control en HTML 5 acepta en el formato Año – mes – día de la que usamos en SQL
    2. Si el mes es de 9, se debe establecer como 09 no 9, simplemente. Así que se aplica para el día de campo también.

    Por favor, siga el violín enlace para la demostración:

    var now = new Date();
    
    var day = ("0" + now.getDate()).slice(-2);
    var month = ("0" + (now.getMonth() + 1)).slice(-2);
    
    var today = now.getFullYear()+"-"+(month)+"-"+(day) ;
    
    $('#datePicker').val(today);
    • Post-2012 respuesta: compruebe mi respuesta para una solución compatible en una sola línea de código.
    • pero su respuesta entregar resultados incorrectos parte del tiempo.
  2. 101

    document.getElementById("datePicker").valueAsDate = new Date()

    debería funcionar.

    • Esta es la mejor solución que he encontrado hasta ahora – funciona con Android 4.0.3
    • Definitivamente parece más limpio que el aceptado respuesta… gracias
    • gracias, esta solución funciona
    • He encontrado que esto no funciona en Safari por alguna razón 🙁
  3. 19

    Actualización: estoy haciendo esto con date.toISOString().substr(0, 10). Da el mismo resultado que el aceptado respuesta y tiene un buen apoyo.

    • Funciona en safari
    • Nota: esto le da una fecha en la zona horaria UTC. En contraste, la respuesta de los usos de la hora local.
    • ambos operan en el mismo Date objeto (creado con nueva Fecha o Fecha.ahora, que heredan la zona horaria de navegador). el uso de toISOString o la getDate funciones (creo) resolver el mismo; así que creo que debería tener el comportamiento deseado…
    • no para el período del ajuste de zona horaria para el host.
    • Como Qwertie dice que, potencialmente, esto da la respuesta equivocada si usted está utilizando una fecha sin un tiempo. por ejemplo Sáb Sep 01 2018 00:00:00 GMT+0100 se convierte a «2018-08-31»
  4. 11

    para mí el camino más corto para resolver este problema es el uso de moment.js y resolver este problema en tan solo 2 líneas.

    var today = moment().format('YYYY-MM-DD');
    $('#datePicker').val(today);
    • no 2 líneas, u, incluso puede hacer en 1 línea 🙂
    • sí, igual que $(‘#selector de fecha’).val(momento().(formato’YYYY-MM-DD’));
    • Para quienes no están familiarizados con el Momento, si desea dar formato a una hoja de Javascript objeto Date con un momento(): var yourFormattedDate= moment(yourDate).format('YYYY-MM-DD'); $('#datePicker').val(yourFormattedDate);
  5. 1

    Por lo general crear estas dos funciones auxiliares cuando se utiliza la fecha de las entradas:

    //date is expected to be a date object (e.g., new Date())
    const dateToInput = date =>
      `${date.getFullYear()
      }-${('0' + (date.getMonth() + 1)).slice(-2)
      }-${('0' + date.getDate()).slice(-2)
      }`;
    
    //str is expected in yyyy-mm-dd format (e.g., "2017-03-14")
    const inputToDate = str => new Date(str.split('-'));

    A continuación, puede establecer la fecha de entrada de valor como:

    $('#datePicker').val(dateToInput(new Date()));

    Y recuperar el valor seleccionado como

    const dateVal = inputToDate($('#datePicker').val())
  6. 0

    Datetimepicker siempre necesita de entrada en formato AAAA-MM-DD, no importa el formato de la pantalla de su modelo, o acerca de usted de sistema local datetime. Pero el formato de salida de datetime selector es la de su querido (su sistema local). No es sencillo ejemplo en mi post.

  7. -5

    La versión de Jquery

    var currentdate = new Date();
    
    $('#DatePickerInputID').val($.datepicker.formatDate('dd-M-y', currentdate));
    • $.datepicker no es defecto de jQuery. Estás usando un plugin y sin decir cual, esta respuesta es inútil.

Dejar respuesta

Please enter your comment!
Please enter your name here