Как установить значение по умолчанию для ввода[type= " date"]

Я пробовал (JSFiddle):

html lang-html prettyprint-override"><input type="date" value="2012-3-23">

но это не сработает, как я могу установить значение по умолчанию?

144
date html html-input

13 ответов

дата должна принимать формат YYYY-MM-DD. Одиночные дни и месяцы числа должны быть проложены с 0. Январь-01.

С документация:

строка, представляющая дату.

значение: допустимая полная дата, определенная в [RFC 3339], С дополнительной оговоркой, что компонент года состоит из четырех или более цифр, представляющих число больше 0.

код должен быть изменен на:

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

пример jsfiddle

252

возможное решение:

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

Через Минуту.js:

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

Если вы используете PHP, вы можете установить значение такой

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

но помните, что он вернет дату сервера. если вы хотите использовать от клиента, используйте javascript вместо этого. надеюсь, это поможет.

11

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

затем в js:

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

Вы можете использовать этот код 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");
5

вы можете сделать что-то вроде этого:

<input type="date" value="<?php echo date("Y-m-d");?>" name="inicio">
1
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());
1

самый простой способ установить текущую дату.

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

1

вы можете показать дату, просто следуя правильный формат

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

Используйте Microsoft Visual Studio

дата разделитель ' -'

@{string dateValue = запрос.Дата.ToString ("yyyy' - 'MM' - 'ddTHH: mm: ss");}

0

вот три оператора для трех разных дат в форме с тремя полями type=date.

$inv_date-текущая дата:

`$inv_date = date("Y-m-d");`

$inv_date_from-первый день текущего месяца:

$inv_date_from = date("Y") . "-" . date("m") . "-" . "01";

$inv_date_to-последний день месяца:

$inv_date_to = date("Y-m-t", strtotime(date("Y-m-t")));

надеюсь, это поможет:)

0

/ / html код 

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

/ / javascript код на основной функции загрузки

function loadFunction() {
// body...
var today = new Date();
                                var dd = today.getDate();
                                var mm = today.getMonth()+1; //January is 0!

                                var yyyy = today.getFullYear();
                                if(dd<10){
                                    dd='0'+dd;
                                } 
                                if(mm<10){
                                    mm='0'+mm;
                                } 
                                today = yyyy+'-'+mm+'-'+dd;

 document.getElementById("idFdate").defaultValue =today+"";}
0