Question

我正在尝试将日期选择器添加到我的网站，该网站已被“引导”。由于美观，我没有使用DoJo选择器或原生选择器。以下是我目前使用的组件：

http://bootstrap4xpages.openntf.org/ =＆gt;安装和工作完美
引导日期选择器：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 =＆gt;这是通过将.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代码选择字段==============

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

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

Answer 1

请参阅我的博客文章http://elstarit.nl/?p=118。在那里我使用不同的，但我喜欢它，因为它有一个日期选择器和时间选择器。但回到你的JQuery问题。你知道需要哪个版本的JQuery吗？上周我把头撞到了墙上，因为在Bootstrap4XPages中加载了JQuery 1.8.x并且我的插件需要更新的版本。在切换Bootstrap4XPages并自己加载JQuery之后，问题就解决了。

Answer 2

非常感谢您的所有输入。 Mark向我伸出手，我们使用TeamViewer解决了这个问题。那里有多个错误。这是：

我创建了一个客户端JavaScript库来保存Mark的x $代码 - 这是第一个问题 - ＆gt;我需要将其包含为 < script > 块
我正在使用jSignature（http://hasselba.ch/blog/?p=934）来允许用户签署文档 - ＆gt;添加jSignature时我添加了jQuery 1.8.1 - Bootstrap4XPages安装了jQuery 1.8.2 - ＆gt; 2 x jQuery是选择器的一个问题（有趣的是，jSignature仍然有用）。

所以，它现在正在为您提供所有帮助。非常感谢你：o）

祝你有个美好的一天熊属

Bootstrap日期选择器XPages

2 个答案: