如何为输入设置默认值[type =“date”] [重复]

Question

我已经尝试过（JSFiddle）：

<input type="date" value="2012-3-23">

但是不行，如何设置默认值？

Answer 1

日期应采用格式

YYYY-MM-DD

。一位数的日和月应该用 0 填充。一月是 01。

来自文档：

代表日期的字符串。

值：[RFC 3339]中定义的有效完整日期，附加条件是年份部分是代表大于 0 的数字的四位或更多位数字。

您的代码应更改为：

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

示例 jsfiddle

Answer 2

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

然后在js中：

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

Answer 3

一个可能的解决方案：

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

使用 Moment.js：

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

Answer 4

如果你使用PHP，你可以这样设置值

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

但请记住，它将返回服务器的日期。 例如如果您的服务器在美国而您的客户端在印度尼西亚，则可能会有所不同 1 天。

但是如果您想从客户端使用，请改用 javascript 解决方案。 希望有帮助。

Answer 5

你可以使用这个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 6

你可以这样做：

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

Answer 7

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

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

Answer 8

您只需按照正确的格式即可显示日期

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

Answer 9

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

Answer 10

// 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+"";
}

Answer 11

JS代码：

function TodayDate(){
        let data= new Date();
        return data.getFullYear().toString()+'-' + (data.getMonth()+1).toString()+'-' + data.getDate().toString()
    }
    document.getElementById('today').innerHTML = '<input type="date" name="Data" value="'+TodayDate()+'" ><br>';

HTML代码：

<div id="today" > </div>

有点粗糙，但有效！

Answer 12

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 13

使用 Microsoft Visual Studio

日期分隔符 '-'

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

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

Answer 14

以下是表单中针对三个不同日期的三个语句，具有三个 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")));

我希望这有帮助:)