XPages - 字段不是使用引导日期选择器的有效日期

时间:2016-09-08 10:59:29

标签: twitter-bootstrap xpages

根据标题获取错误....

我正在使用此处所述的日期时间选择器:https://xpagesandmore.blogspot.co.uk/2015/06/using-bootstrap-3-datetime-picker.html

一切正常,日期以DD / MM / YYYY格式显示在字段中,但无效的日期验证消息除外。

日期字段代码:

<xp:div>
    <xp:this.styleClass><![CDATA[#{javascript:"form-group" + ( getComponent("datetimepicker1").isValid() ? "" : " has-error" )}]]></xp:this.styleClass>
    <xp:label styleClass="col-xs-2 control-label" for="datetimepicker1"
        value="${compositeData.fieldLabel}" />
    <div class="col-xs-10">
        <div class="input-group">
            <span class="input-group-addon">
                <xp:text escape="true" id="computedField2"
                    styleClass="${compositeData.faicon}" tagName="i">
                </xp:text>
            </span>


            <xp:inputText type="text" id="datetimepicker1"
                loaded="${!empty compositeData.placeholder}"
                value="#{compositeData.dataSource[compositeData.fieldName]}"
                required="${compositeData.required}">
                <xp:this.attrs>
                    <xp:attr name="placeholder"
                        value="${compositeData.placeholder}">
                    </xp:attr>
                </xp:this.attrs>
                <xp:this.validators>
                    <xp:validateRequired
                        message="#{javascript:compositeData.helpText}">
                    </xp:validateRequired>
                </xp:this.validators>
                            <xp:this.converter>
                                <xp:convertDateTime
                                    pattern="DD/MM/YYYY">
                                </xp:convertDateTime>
                            </xp:this.converter>
            </xp:inputText>

        </div>
        <xp:text escape="true" id="computedField1"
            styleClass="help-block">
            <xp:this.rendered><![CDATA[#{javascript:getComponent("datetimepicker1").isValid() && compositeData.helpText != null && currentDocument.isEditable()}]]></xp:this.rendered>
        </xp:text>
        <xp:message id="message1" for="datetimepicker1"
            styleClass="help-block">
        </xp:message>
    </div>
</xp:div>

脚本块代码:

<xp:scriptBlock id="scriptBlock1">
<xp:this.value><![CDATA[
$(document).ready(
function() {
x$( "#{id:datetimepicker1}" ).datetimepicker({
locale: 'en-gb',
showTodayButton:true,
showClose: true,
daysOfWeekDisabled: [0,6],
format:('DD/MM/YYYY')
});
});
]]>
</xp:this.value>
</xp:scriptBlock>

我已尝试将语言环境更改为en-us但没有区别。

非常感谢任何想法,谢谢你们

1 个答案:

答案 0 :(得分:1)

我是个白痴!

我的转换器模式是DD / MM / YYYY

将它改为dd / MM / yyyy解决了这个问题 - 如果其他人有脑冻结的话,这里会留下问题......