如何将默认值设置为输入[type= " date "]

I have tried

我有试过

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

like this: demo

这样的:演示

but I failed, how can I set the default value?

但我失败了，如何设置默认值?

13 个解决方案

#1

225

The date should take the format YYYY-MM-DD. Single digit days and months should be padded with a 0. January is 01.

日期应该采用YYYY-MM-DD格式。单个数字日和月应该用0来填充。一月是01。

From the documentation:

从文档:

A string representing a date.

表示日期的字符串。

Value: A valid full-date as defined in [RFC 3339], with the additional qualification that the year component is four or more digits representing a number greater than 0.

值:在[RFC 3339]中定义的有效的完整日期，附加条件是year组件是4个或多个数字，表示大于0的数字。

Your code should be altered to

您的代码应该被修改。

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

Example jsfiddle

例子jsfiddle

#2

if you are using PHP, you can set the value like this

如果您使用的是PHP，您可以设置这样的值。

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

but remember that it would return the date of the server. if you want to use from the client, use javascript instead. hope it helps.

但是请记住，它将返回服务器的日期。如果您想从客户端使用，请使用javascript。希望它可以帮助。

#3

A possible solution

一种可能的解决方案

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

using Moment.js

使用Moment.js

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

#4

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

< input type = "日期" id = "替换" / >

Then in js :

然后在js:

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

#5

Another way is to use moment.js to solve it

另一种方法是利用时间。js来解决它

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

#6

You can use this js code:

您可以使用这个js代码:

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

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

#7

You can do something like this:

你可以这样做:

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

#8

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

#9

Use Microsoft Visual Studio

使用Microsoft Visual Studio

Date separator '-'

日期分隔符“-”

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

@ {字符串dateValue = request.Date.ToString(“yyyy”——“毫米”——“ddTHH:MM:ss”);}

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

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

#10

you can show date by simply following correct format

您可以通过简单地遵循正确的格式来显示日期。

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

#11

The easiest way for setting the current date is.

设置当前日期的最简单方法是。

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

<输入名称=“日期”类型=“日期”价值= " < ?php echo日期(“y-m-j”);?> "要求>

#12

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

#13

-4

This works for me:

这工作对我来说:

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

#1

225