如何设置输入类型日期的默认值为今天?

给定一个输入元素:

<input type="date" />

有没有办法将日期字段的默认值设置为今天的日期?

当前回答

使用HTMLInputElement.prototype.valueAsDate:

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

2013-04-15 07:54:50

其他回答

这就是我在我的代码中所做的，我刚刚测试过，它工作得很好，输入类型="date"不支持自动设置curdate，所以我用来克服这个限制的方法是使用PHP代码一个简单的代码，像这样。

<html>
<head></head>
    <body>
        <form ...>
            <?php
                echo "<label for='submission_date'>Data de submissão</label>";
                echo "<input type='date' name='submission_date' min='2012-01-01' value='" . date('Y-m-d') . "' required/>";
            ?>
        </form>
    </body>
</html>

希望能有所帮助!

2014-05-28 12:47:18

在HTML本身中没有将今天的日期插入到输入字段的默认方法。然而，像任何其他输入字段一样，它将接受一个值。

您可以使用PHP获取今天的日期，并将其输入到表单元素的值字段中。

<?php
    // Fetch the year, month and day
    $year = date(Y);
    $month = date(m);
    $day = date(d);

    // Merge them into a string accepted by the input field
    $date_string = "$year-$month-$day";

    // Send to the browser the input field with the value set with the date string
    echo "<input type='date' value='$date_string' />";
?>

value字段接受YYYY-MM-DD格式作为输入，因此只需创建一个与输入值接受的格式相同的变量$date_string，并用从今天的日期和voilá获取的年、月和日填充它!你有一个预先选择的日期!

希望这对你有所帮助。

编辑:

如果希望输入字段嵌套在HTML而不是PHP中，可以执行以下操作。

<?php
    // Fetch the year, month and day
    $year = date(Y);
    $month = date(m);
    $day = date(d);

    // Merge them into a string accepted by the input field
    $date_string = "$year-$month-$day";
?>
<html>
    <head>...</head>
    <body>
        <form>
            <input type="date" value="<?php print($date_string); ?>" />
        </form>
    </body>
</html>

我意识到这个问题是在很久以前(2年前)被问过的，但我仍然花了一段时间在互联网上找到一个明确的答案，所以这篇文章适用于任何正在寻找答案的人，希望它能极大地帮助每个人:)

另一个编辑:

几乎忘记了，过去对我来说非常痛苦的事情是总是忘记设置默认时区，无论何时在PHP中使用date()函数编写脚本。

语法为date_default_timezone_set(…);。可以在PHP.net上找到相关文档，可以在这里找到要插入函数的支持时区列表。这总是很烦人，因为我在澳大利亚，如果我没有正确设置，一切总是向后推10个小时，因为它默认为UTC+0000，我需要UTC+1000，所以要小心:)

2014-01-20 05:55:05

Javascript:

var today = new Date();

document.getElementById("theDate").value = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2);

2016-04-25 10:38:15

最简单的解决方案似乎忽略了将使用UTC时间，包括高度赞成的解决方案。下面是一个精简的，ES6，非jquery版本的一对现有的答案:

const today = (function() {
    const now = new Date();
    const month = (now.getMonth() + 1).toString().padStart(2, '0');
    const day = now.getDate().toString().padStart(2, '0');
    return `${now.getFullYear()}-${month}-${day}`;
})();

console.log(today);  // as of posting this answer: 2019-01-24

2019-01-24 07:23:02

如果使用PHP，请遵循标准的Y-m-d格式

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

2015-11-15 07:23:46

如何设置输入类型日期的默认值为今天?

推荐文章

最新文章

标签