date - formato - Cómo establecer el valor predeterminado para la entrada

input type date format

Question

Yo he tratado

<input type="date" value="2013-1-8">

como este: demo

pero fallé, ¿cómo puedo establecer el valor predeterminado?

Answer 1

Una posible solución

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

utilizando Moment.js

var today = moment().format(''YYYY-MM-DD'');
document.getElementById("datePicker").value = today; 

Answer 2

Esto funciona para mí:

document.getElementById(''datePicker'').valueAsDate = new Date();

Answer 3

La fecha debe tomar el formato YYYY-MM-DD . Los días y meses de un solo dígito deben rellenarse con un 0. Enero es 01.

De la documentation :

Una cadena que representa una fecha.

Valor: una fecha completa válida como se define en [RFC 3339] , con la calificación adicional de que el componente del año tiene cuatro o más dígitos que representan un número mayor que 0.

Tu código debe ser modificado para

<input type="date" value="2013-01-08">

Ejemplo jsfiddle

Answer 4

La forma más fácil de establecer la fecha actual es.

<input name="date" type="date" value="<?php echo date(''Ym-j''); ?>" required>

Answer 5

Otra forma es usar moment.js para resolverlo

var today = moment().format(''YYYY-MM-DD'');
document.getElementById("datePicker").value = today; 

Answer 6

Puedes hacer algo como esto:

<input type="date" value="<?php echo date("Y-m-d");?>" name="inicio">

Answer 7

Puedes usar este código js:

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

JS

function setInputDate(_id){
    var _dat = document.querySelector(_id);
    var hoy = new Date(),
        d = hoy.getDate(),
        m = hoy.getMonth()+1, 
        y = hoy.getFullYear(),
        data;

    if(d < 10){
        d = "0"+d;
    };
    if(m < 10){
        m = "0"+m;
    };

    data = y+"-"+m+"-"+d;
    console.log(data);
    _dat.value = data;
};

setInputDate("#dateDefault");

Answer 8

Use Microsoft Visual Studio

Separador de fecha ''-''

@ {string dateValue = request.Date.ToString ("aaaa" - ''MM'' - ''ddTHH: mm: ss ");}

<input type = "datetime-local" class = "form-control" name = "date1" value = "@ dateValue">

Answer 9

puede mostrar la fecha simplemente siguiendo el formato correcto

<input type="date" value="2014-12-29">

Answer 10

si está utilizando PHP, puede establecer el valor de esta manera

<input type="date" value="<?php echo date("Y-m-d");?>">

pero recuerda que devolvería la fecha del servidor. si desea usar del cliente, use javascript en su lugar. Espero eso ayude.

Answer 11

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

Luego en js:

_today: function () {
  var myDate = document.querySelector(myDate);
  var today = new Date();
  myDate.value = today.toISOString().substr(0, 10);
},

Answer 12

$date=date("Y-m-d");
echo"$date";
echo"<br>SELECT DATE: <input type=''date''  name=''date''  id=''datepicker'' 
value=''$date'' required >";

Answer 13

1 - @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    <input type="date" "myDate">
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

    var today = new Date();
    $(''#myDate'').val(today.getFullYear() + ''-'' + (''0'' + (today.getMonth() + 1)).slice(-2) + ''-'' + (''0'' + today.getDate()).slice(-2));

2 - @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   <input type="datatime-local" id="myLocalDataTime" step="1">
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

var today = new Date();
$(''#myLocalDataTime'').val(today.getFullYear() + ''-'' + (''0'' + (today.getMonth() + 1)).slice(-2) + ''-'' + (''0'' + today.getDate()).slice(-2)+''T''+today.getHours()+'':''+today.getMinutes());