我使用的是HTML5 <input type="date">，它在Chrome中呈现一个丰富的输入控件，以MM/DD/YYYY显示日期。有什么方法可以改变Chrome渲染和从日期控件中获取输入的方式吗？
<input type="date">
MM/DD/YYYY
8ulbf1ek1#
的数据
sg24os4d2#
以YYYY-MM-DD格式发布到数据库是个好主意，但提供给HTML-5用户（独立于浏览器）DD-MM-YYYY或MM-DD-YYYY。需要允许脚本编写者在编码<INPUT..>时决定。
<INPUT..>
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>
<!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>
字符串
3条答案
按热度按时间8ulbf1ek1#
的数据
sg24os4d2#
以YYYY-MM-DD格式发布到数据库是个好主意，但提供给HTML-5用户（独立于浏览器）DD-MM-YYYY或MM-DD-YYYY。需要允许脚本编写者在编码
<INPUT..>时决定。yvt65v4c3#
你可以使用下面的代码。
字符串