jquery - Bootstrap 日期选择器 XPages

Question

我正在尝试向我的网站添加一个已“Bootstrap ”的日期选择器。出于美观考虑，我没有使用 DoJo 选择器或 native 选择器。以下是我当前正在使用的组件:

1. http://bootstrap4xpages.openntf.org/ =>已安装并完美运行

2. Bootstrap 日期选择器: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 文件复制到数据库中来安装的。

3. 我已阅读(并且我认为理解)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>

====================== 这里是我用于选择字段的客户端代码==============

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

======================结束======================== ===================================

Answer 1

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