引導日期選擇器XPages

我想添加一個日期選擇器到我的網站已經「bootstraped」。由於美學原因，我不使用DoJo選取器或當地選取器。下面是我目前正在使用的組件：引導日期選擇器XPages

http://bootstrap4xpages.openntf.org/ =>安裝，可以正常使用
引導日期選擇器：http://eternicode.github.io/bootstrap-datepicker/?markup=input&format=dd.mm.yyyy&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&todayBtn=false&language=en&orientation=auto&multidate=&multidateSeparator=&keyboardNavigation=on&forceParse=on#sandbox =>這是由應對的.js文件和.css文件到安裝數據庫。
我已經通過閱讀（和理解我認爲）Marky的博客文章：http://xomino.com/2012/01/26/using-jquery-selectors-in-xpages/

我的問題是，無論我做什麼，我不能讓jQuery來的.datepicker元素添加到我的領域。我已經嘗試了兩個Marky的功能，使用類名作爲選擇器並直接輸入。有人知道我做錯了什麼嗎？

預先感謝您熊屬

PS：我想補充一點，這是我第一次使用jQuery和Bootstrap所以很容易對我道：O）

下面是代碼：

=================== XPAGE =================

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex" xmlns:xc="http://www.ibm.com/xsp/custom"> 
    <xp:this.resources> 
     <xp:script src="/bootstrap-datepicker.js" clientSide="true"></xp:script> 
     <xp:styleSheet href="/datepicker3.css"></xp:styleSheet> 
     <xp:script src="/jsTestBootstrap.js" clientSide="true"></xp:script> 
    </xp:this.resources> 
    <xp:panel 
     style="margin-left:10.0px;margin-right:10.0px;margin-top:10.0px;margin-bottom:10.0px"> 
     <xp:div> 
      <div class="row"> 
       <div class="col-xs-12"> 
        <xp:label value="Select a date" id="label1" for="inputText1"></xp:label> 
        <xp:inputText id="inputText1" styleClass="jqDateField"> 
        </xp:inputText> 
       </div> 
      </div> 
     </xp:div> 
    </xp:panel> 
</xp:view>

== ===================和這裏我的clientSide代碼來選擇場d ==============

$("#view\\:_id1\\:inputText1").datepicker({ 
    format: "dd.mm.yyyy" 
});

====================== end ===== ================================================== ==

來源

2014-07-16 Ursus Schneider

嘗試使用X $函數從這個帖子：http://xomino.com/2012/03/09/x-reference-examples/它工作得很好，所以你的代碼看起來像x $（「＃{id：inputText1}」）。datepicker（{format：「dd.mm.yyyy」}）; –

您是否嘗試過類選擇器？ $（「。jqDateField」） - 使用classSelector併爲自己節省一些心疼另一件事你可以試着看看日期選擇器的z-index - 它是否被創建並且不可見？我有jQueryUI日期選擇器的問題 - 正在工作，但不可見。使用螢火蟲查看選擇器是否工作。 – MarkyRoden

@MarkyRoden：是的，我試過類選擇器，但它仍然沒有工作。該字段正在創建並且可見！花了整整一個下午的時間與螢火蟲：o）我甚至有一個工作同事看看它做了很多bootstrap和AngularJS（拼寫？） - 他找不到我的錯誤 –

非常感謝您的所有意見。 Mark與我聯繫，我們使用TeamViewer解決了問題。那裏有多個錯誤。這裏所說：

我創建了一個客戶端的JavaScript庫，以保存來自標記X $代碼 - 這是第一個問題 - >我需要它作爲一個< script >塊
我使用jSignature（http://hasselba.ch/blog/?p=934）允許用戶簽署文檔 - >添加jSignature時添加jQuery 1.8.1 - Bootstrap4XPages安裝jQuery 1.8.2 - > 2 x jQuery對選擇器來說是個問題（有趣的是jSignature仍然有效）。

因此，它現在與您的所有幫助。非常感謝您：O）

有一個好的一天熊屬

來源

2014-07-17 16:14:49

查看我的博文，http://elstarit.nl/?p=118。在那裏我使用不同的，但我很喜歡它，因爲它有一個日期選擇器和時間選擇器。但回到你的JQuery問題。你知道哪個版本的JQuery是需要的嗎？上個星期我把我的頭撞在牆上，因爲在Bootstrap4XPages中加載了JQuery 1.8.x，我的插件需要更新的版本。在切換Bootstrap4XPages並自行加載JQuery之後，問題就解決了。

來源

2014-07-16 16:55:33

感謝您的輸入Frank - 我的問題是我無法使用jQuery選擇DOM元素（即Mark的x $函數） - 您的代碼非常相似，因爲它使用x $函數 - 這不適用於我： O（ –

引導日期選擇器XPages

回答

相關問題