Jak ustawić domyślną wartość dla wejścia [type = „date”]

Question

próbowałem

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

takiego: demo

ale nie udało mi się, w jaki sposób można ustawić wartość domyślną?

Answer 1

Data powinna przybrać format YYYY-MM-DD. Pojedyncze dni i miesiące cyfra należy napawa się 0. stycznia jest 01.

Z documentation:

znaków reprezentujący datę.

Wartość: Ważny pełnym data zdefiniowane w [RFC 3339], z dodatkowym zastrzeżeniem, że składnik roku wynosi cztery lub więcej cyfr reprezentujących liczbę większą niż 0.

Kod powinien zostać zmieniony w celu

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

Example jsfiddle

Answer 2

jeśli używasz PHP, można ustawić wartość jak ten

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

, ale pamiętaj, że zwróci datę serwera. jeśli chcesz korzystać z klienta, użyj zamiast tego javascript. mam nadzieję, że to pomaga.

Answer 3

można zrobić coś takiego:

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

Answer 4

można wyświetlić datę, po prostu po prawidłowym formacie

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

Answer 5

Można to wykorzystać js kod:

<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 6

Innym sposobem jest użycie moment.js rozwiązać to

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

Answer 7

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()); 

Answer 8

Możliwym rozwiązaniem

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

pomocą momencie.js

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

Answer 9

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

Następnie w JS:

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

Answer 10

Najprostszym sposobem ustawiania aktualną datą.

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

Answer 11

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

Answer 12

Użyj programu Microsoft Visual Studio

Data separator '-'

@ {ciąg DATEVALUE = request.Date.ToString ("yyyy '-' MM'- "ddTHH: mm: ss");}

< typ danych wejściowych = "datetim e-local "class =" form-control "name =" date1 "value =" @ dateValue " >