how to make date looking at jsp only yyyy-mm-dd format - truncate time

Question

I have to do display time with opportunity to edit it.

I used Mysql DB and this columns has date type.

But some trouble is that it is displayed DATE TIME:

2014-04-02 00:00:00.0

It looks at browser:

time view

I want to truncate time.

Here is snippet from 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>

And snippet with edit options:

 <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>

I easy extract it as property.

At servlet side it is parsed:

        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";

How to correct view of date and make next input pattern yyyy-mm-dd?

score 1 · Accepted Answer · answered Apr 01 '14 at 09:25

1

Use dateFormat

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

Multiple Selector (“selector1, selector2, selectorN”)

answered Apr 01 '14 at 09:25

Tushar Gupta - curioustushar

58,085
24
103
107

how to convert it to date format when it is extracted from DB => `${task.startDate}`? – catch23 Apr 01 '14 at 09:35
@nazar_art Read http://stackoverflow.com/questions/10736637 or http://stackoverflow.com/questions/3469507 – Tushar Gupta - curioustushar Apr 01 '14 at 09:37

score 1 · Answer 2 · answered Apr 01 '14 at 09:26

1

Specify format as yy-mm-dd

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

answered Apr 01 '14 at 09:26

Murali Murugesan

22,423
17
73
120

score 1 · Answer 3 · answered Apr 01 '14 at 09:26

1

You can modify the parameters of datepicker:

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

answered Apr 01 '14 at 09:26

Bud Damyanov

30,171
6
44
52

how to make date looking at jsp only yyyy-mm-dd format - truncate time

3 Answers3