java - <输入类型="date">格式

Question

我有“所需开始日期”字段，它是一个文本字段。我将日期存储为 long在 mongoDb 中并将其显示为 String ，也将其作为 String与 SimpleDateFormat类(class)。我发现了<input type="date">我现在正在努力让它发挥作用。我试图将日期选择为 YYYY-MM-DD 格式并以 YYYY-MM-DD 格式显示它，但日历上没有任何变化。

public class DateFormatterUtils {

    public static Long formatDate(String date) {
        if (date != null && !date.equals("")) {
            List<SimpleDateFormat> datePatterns = new ArrayList<SimpleDateFormat>();
            datePatterns.add(new SimpleDateFormat("dd MM yyyy"));
            datePatterns.add(new SimpleDateFormat("dd-MM-yyyy"));
            datePatterns.add(new SimpleDateFormat("dd/MM/yyyy"));
            datePatterns.add(new SimpleDateFormat("dd.MM.yyyy"));
            datePatterns.add(new SimpleDateFormat("dd,MM,yyyy"));
            datePatterns.add(new SimpleDateFormat("ddMMyyyy"));
            datePatterns.add(new SimpleDateFormat("dd:MM:yyyy"));
            datePatterns.add(new SimpleDateFormat("dd_MM_yyyy"));
            datePatterns.add(new SimpleDateFormat("MM/dd/yyyy"));
            datePatterns.add(new SimpleDateFormat("YYYY-MM-DD"));
            datePatterns.add(new SimpleDateFormat("yyyy-mm-dd"));

            for (SimpleDateFormat pattern : datePatterns) {
                try {
                    return pattern.parse(date).getTime();
                } catch (ParseException e) {

                }
            }
        }
        return null;

    }

    public static String readDate(Long timeStamp) {
        if (timeStamp == null) {
            return "";
        }
        SimpleDateFormat formatter = new SimpleDateFormat("YYYY-MM-DD");
        Date date = new Date(timeStamp);
        return formatter.format(date);
    }

}

这是我的旧方法，帮助我获取不同格式的输入和 readDate()将其显示为 dd/MM/yyyy 格式。我检查了文档，日期采用 YYYY-MM-DD 模式。当使用 thymeleaf 生成 View 时，此日历的字段保持为 mm/dd/yyyy，未选择任何日期

Answer 1

在 HTML5 输入类型中，日期的格式为 yyyy-mm-dd ( RFC3339 如文档所述 https://www.w3.org/TR/2011/WD-html-markup-20110405/input.date.html )

不幸的是，浏览器如何处理此类标签以及是否处理它取决于浏览器。在 Chrome 中，我认为他们使用系统区域设置的格式。对于其他浏览器我不确定。最安全的方法是使用某种日期选择器，您可以在其中选择日期格式并确保它适用于所有浏览器/客户端。

我相信 IE10 不支持它，我刚刚在我的 Firefox ESR 版本上进行了测试，它也不起作用，所以现在我会等待输入 type="date"