Wicket：如何设置希腊本地化日期输入与日历（无需第三方插件）

你的核心思路是对的——通过Locale控制日期格式和日历本地化，完全可以不用第三方插件实现需求。之前setLocale("el")没生效，大概率是Locale设置不完整、时机不对，或者前端没有配合做相应处理。以下分前端、后端两个维度给出具体实现：

一、前端原生实现（无第三方插件） #

1. 让日历控件显示希腊语 #

使用HTML5的date输入框时，给元素加上lang="el"属性，即可让弹出的日历控件显示希腊语，不受浏览器默认设置影响：

<input type="date" lang="el" id="greekDateInput">

2. 强制输入/显示格式为dd-mm-yyyy #

原生date输入框的显示格式可能受系统区域设置影响，若要严格固定为dd-mm-yyyy，建议用text类型输入框，结合JavaScript的Intl.DateTimeFormat处理格式校验与格式化：

const dateInput = document.getElementById('greekDateInput');

// 将Date对象格式化为dd-mm-yyyy
function formatToGreekDate(date) {
  return new Intl.DateTimeFormat('el-GR', {
    day: '2-digit',
    month: '2-digit',
    year: 'numeric'
  }).format(date).replace(/\//g, '-'); // 希腊语默认用/分隔，替换为-
}

// 解析dd-mm-yyyy字符串为Date对象
function parseGreekDate(inputStr) {
  const [day, month, year] = inputStr.split('-');
  return new Date(year, month - 1, day); // 月份是0起始
}

// 输入失焦时自动格式化
dateInput.addEventListener('blur', () => {
  const inputVal = dateInput.value.trim();
  if (!inputVal) return;
  
  const parsedDate = parseGreekDate(inputVal);
  if (!isNaN(parsedDate.getTime())) {
    dateInput.value = formatToGreekDate(parsedDate);
  } else {
    // 格式错误提示，可根据需求自定义
    dateInput.classList.add('invalid');
  }
});

// 可选：限制输入仅为数字和-
dateInput.addEventListener('input', () => {
  dateInput.value = dateInput.value.replace(/[^0-9-]/g, '');
});

二、后端Locale设置（解决setLocale无效问题） #

以Java Web场景为例（你提到Session，大概率是这类技术栈），之前setLocale("el")无效的原因通常是：

• 仅设置了语言代码el，未指定地区GR，Locale不完整；
• 设置时机太晚，未覆盖请求的默认Locale；
• 未将Locale绑定到Session或请求上下文。

正确实现方式：

1. 通过Filter全局设置希腊语Locale #

在请求进入业务逻辑前，强制设置Locale并绑定到Session，覆盖浏览器默认设置：

public class GreekLocaleFilter implements Filter {
    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest req = (HttpServletRequest) request;
        HttpServletResponse res = (HttpServletResponse) response;
        
        // 完整的希腊Locale（语言+地区）
        Locale greekLocale = new Locale("el", "GR");
        
        // 设置响应Locale
        res.setLocale(greekLocale);
        // 绑定到Session，供后续页面/组件使用
        req.getSession().setAttribute("javax.servlet.jsp.jstl.fmt.locale", greekLocale);
        
        chain.doFilter(request, response);
    }
}

2. 前端页面中用JSTL格式化日期（若用JSP） #

如果后端向前端传递日期对象，可通过JSTL标签直接按希腊格式输出：

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!-- 从Session中获取已设置的Locale -->
<fmt:setLocale value="${sessionScope['javax.servlet.jsp.jstl.fmt.locale']}"/>

<!-- 格式化后端传递的日期为dd-mm-yyyy -->
<input type="text" lang="el" value="<fmt:formatDate value="${yourDateObj}" pattern="dd-MM-yyyy"/>" id="greekDateInput">

关键注意点 #

• 必须使用完整的Locale标识el-GR而非仅el，避免因地区差异导致格式或语言显示错误；
• 若用原生date控件，其输入格式（用户输入时的提示）可能仍受浏览器影响，但日历的语言会因lang="el"变为希腊语；
• 后端设置Locale后，需确保前端页面的lang属性同步设置为el，保证整体页面的本地化一致性。

内容的提问来源于stack exchange，提问作者Chaddy