jQuery datepicker预填充格式错误

debugcn 发表于 Dev

用户名

我的JSP文件中包含以下JavaScript：

         <script type="text/javascript">
        $(document).ready(function() {
            $('#startDate,#endDate').datepicker({
                beforeShow: customRange,
                //defaultDate: "-1w",
                dateFormat: "dd/mm/yy",
                firstDay: 0,               // first day of the week is Sunday
                numberOfMonths : 2,        // show two months at a time
                changeMonth: true,         // allow changing the month
                changeYear: true           // allow changing the year
        }).attr('readonly', 'readonly');

    });

    function customRange(input) { 
            var min = new Date()
            ,dateMin = null
            ,dateMax = min
           // ,dayRange = 90 // Set this to the range of days you want to restrict to
            ;

            if (input.id === "endDate") {
                    if ($("#startDate").datepicker("getDate") != null) {
                            dateMin = $("#startDate").datepicker("getDate");
                    }
            }

            return {
                    minDate: dateMin, 
                    maxDate: dateMax
            };     

    }    
</script>

当页面加载startDate和endDate文本框时：“ Fri Mar 14 13:54:08 WST 2014”，但应为“ dd / mm / yy”格式。

另外，我还希望startDate的初始值为7天。

有什么想法吗？

谢谢

uel

您获取的日期格式是默认java.util.Date格式，例如：

System.out.println(new Date());
// prints: Mon Mar 17 09:41:25 WST 2014

而浏览器控制台中的JavaScript等效项：

new Date();
// prints: Mon Mar 17 2014 09:42:04 GMT+0800 (W. Australia Standard Time)

因此，您需要通过formatDate标签设置Java日期的格式：

<fmt:formatDate var="formattedStartDate" pattern="dd/MM/yyyy" value="myForm.startDate" />
<input id="startDate" type="text" value="${formattedStartDate}" />

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。