Question

我必须有机会进行编辑，以显示时间。

我使用的是Mysql DB，此列的日期类型。

但有些麻烦的是显示DATE TIME：

2014-04-02 00：00：00.0

它关注浏览器：

time view

我想缩短时间。

以下是来自 jsp ：

的摘录

<head>
    <title>Project info</title>
    <jsp:include page="header.jsp" />

    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script>
        $(function() {
            $("#startDate").datepicker();
            $("#endDate").datepicker();
        });
    </script>
</head>
// ...
<td>${task.startDate}</td>
<td>${task.endDate}</td>

带编辑选项的片段：

 <div class="form-group">
    <span><fmt:message key="task.start"/></span>
       <input class="form-control" placeholder="<fmt:message key="task.start"/>"
                                                       name="start_date-${task.taskId}" id="startDate" type="date"
                                                       value="${task.startDate}"/>
 </div>
 <div class="form-group">
    <span><fmt:message key="task.end"/></span>
        <input class="form-control" placeholder="<fmt:message key="task.end"/>"
                                                       name="end_date-${task.taskId}" id="endDate" type="date"
                                                       value="${task.endDate}"/>
 </div>

我很容易将其提取为属性。

在servlet端，它被解析：

        Task task = taskService.getByID(id);

        String name = (!ValidationUtils.isNullOrEmpty(request.getParameter("name-" + id)))
                ? request.getParameter("task_name-" + id) : task.getTitle();
        String description = (!ValidationUtils.isNullOrEmpty(request.getParameter("task_description-" + id)))
                ? request.getParameter("task_description-" + id) : task.getDescription();
        String state = request.getParameter("state-" + id);
        int estimateTime = (request.getParameter("estimate_time-" + id) != null)
                ? Integer.parseInt(request.getParameter("estimate_time-" + id))
                : task.getEstimateTime();
        Date startDate = (request.getParameter("start_date-" + id) != null)
                ? new SimpleDateFormat(DATE_FORMAT).parse(request.getParameter("start_date-" + id))
                : task.getStartDate();
        Date endDate = (request.getParameter("end_date-" + id) != null)
                ? new SimpleDateFormat(DATE_FORMAT).parse(request.getParameter("end_date-" + id))
                : task.getStartDate()

private static final String DATE_FORMAT =“yyyy-mm-dd”;

如何更正日期视图并制作下一个输入模式yyyy-mm-dd？

Answer 1

使用dateFormat

$(function () {
    $("#startDate, #endDate").datepicker({
        dateFormat: "yy-mm-dd"
    });
});

Multiple Selector (“selector1, selector2, selectorN”)

Answer 2

指定格式为yy-mm-dd

("#startDate").datepicker({ dateFormat: "yy-mm-dd" })

Answer 3

您可以修改datepicker：

的参数

$("#startDate").datepicker({dateFormat:"yy-mm-dd"});

如何使日期看jsp只有yyyy-mm-dd格式 - 截断时间

3 个答案: