如何< input type="date">在Chrome中以本地化格式显示日期?

oo7oh9g9  于 2024-01-04  发布在  Go
关注(0)|答案(3)|浏览(252)

我使用的是HTML5 <input type="date">,它在Chrome中呈现一个丰富的输入控件,以MM/DD/YYYY显示日期。
有什么方法可以改变Chrome渲染和从日期控件中获取输入的方式吗?

8ulbf1ek

8ulbf1ek1#

  1. Chrome会以 * 设置 * > * 语言 * 中配置的语言格式呈现日期:


的数据

  1. Chrome(和其他浏览器)总是以RFC 3339发布日期。请确保服务器只接受该格式的日期。
sg24os4d

sg24os4d2#

以YYYY-MM-DD格式发布到数据库是个好主意,但提供给HTML-5用户(独立于浏览器)DD-MM-YYYY或MM-DD-YYYY。需要允许脚本编写者在编码<INPUT..>时决定。

yvt65v4c

yvt65v4c3#

你可以使用下面的代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Date Format Example</title>

    <!-- Include flatpickr CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
</head>
<body>

<label for="dateInput">Enter Date:</label>
<input type="text" id="dateInput" class="date-input" placeholder="dd/mm/yyyy">

<!-- Include flatpickr JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<script>
    // Initialize flatpickr with the desired date format
    flatpickr(".date-input", {
        dateFormat: "d-m-Y",
        // You can add more options here as needed
    });
</script>

</body>
</html>

字符串

相关问题