Bootstrap datepicker: 格式改为默认

Question

我想要一个格式为 dd.mm.yyyy 的日期选择器。输入字段如下所示：

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

单击此命令链接填写字段：

<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: 格式改为默认

Bootstrap datepicker: The format is changed to default

javascript

jsf

datepicker

twitter-bootstrap