Question

我想要一个格式为dd.mm.yyyy的日期选择器。 inputField看起来像这样：

<h:inputText value="#{eventController.startdateAgenda}" styleClass="datepicker form-control" id="id_startdate" converterMessage="Example: 26.05.2015" >
    <f:convertDateTime pattern="dd.MM.yyyy"/>
</h:inputText>

JavaScript部分：

$(document).ready(function () {
    $('.datepicker').datepicker({
                format: 'dd.mm.yyyy',
                autoclose: true
    });
});

这是第一次有效。但是当我清除并填充inputText时，日期将被格式化为"mm/dd/yyyy"。

单击此commandLink填充字段：

<h:commandLink>
    <f:ajax onevent="function(data){if (data.status === 'success'){$('.datepicker').datepicker(); setDateFormat(); }}" listener="#{eventController.editAgendaEntry(a)}" execute="@this" render=":agendaData agendaTable"/>
    <span id="pen" class="add-on glyphicon glyphicon-pencil" aria-hidden="true" align="right"></span>
</h:commandLink>

我该如何解决？

更新：当我刷新页面时，格式再次正确。

Answer 1

我现在通过添加

解决了这个问题

String js = "$('.datepicker').datepicker({format: 'dd.mm.yyyy', autoclose: true});"; 
RequestContext.getCurrentInstance().execute(js);

到每个验证器方法和提交方法。

Bootstrap datepicker：格式更改为默认值

1 个答案: