我使用的是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>
字符串
3条答案
按热度按时间8ulbf1ek1#
的数据
sg24os4d2#
以YYYY-MM-DD格式发布到数据库是个好主意,但提供给HTML-5用户(独立于浏览器)DD-MM-YYYY或MM-DD-YYYY。需要允许脚本编写者在编码
<INPUT..>
时决定。yvt65v4c3#
你可以使用下面的代码。
字符串