2016-09-08 2 views
0

を使用して、有効な日付ではありません....の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> 

Scriptブロックコード:

<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

は私が馬鹿です!

マイ変換パターンは、それがDDに変更

にDD/MM/YYYYた/ MM/yyyyは、問題を解決 - 他の誰がこれまで脳の凍結の瞬間を持っている必要があり、ここで疑問が残る......

関連する問題