在輸入日期時常常使用datepick插件來優化日期的輸入,防止用戶隨意輸入日期。
近期項目中便使用了datepick插件。當我接手時就是這個樣子!
查看了插件的外部js引用如下:
<!-- 日期插件,使用jquery -->
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery/jquery-1.4.2.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery/jquery.datepick.css" type="text/css">
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery/jquery.datepick.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery/jquery.datepick-zh-CN.js"></script>
經過分析得出結論:jquery.datepick-zh-CN.js 已經提供了中文支持,只是編碼方式與jsp的編碼方式不兼容,因此應直接指定所需的編碼方式如下:
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery/jquery.datepick-zh-CN.js" charset="GBK " ></script>
最後效果圖如下: