相关疑难解决方法(0)

我在我的xpage应用程序中遇到了bootstrap dateTimePicker控件的问题,我怀疑这与xPages生成控件ID的方式有关.

以下代码在inputText元素上没有id时工作正常.

<script type="text/javascript" src="/fPath/jquery-min.js"></script>
<script type="text/javascript" src="/fPath/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/RfPath/bootstrap-datetimepicker-3.0.0/js/moment.min.js"></script>
<script type="text/javascript" src="/fPath/bootstrap-datetimepicker-3.0.0/js/bootstrap-datetimepicker.min.js"></script>

<div class='input-group date' data-datetimepicker="true">
    <xp:inputText styleClass="form-control timePicker">
        <xp:this.converter>
            <xp:convertDateTime type="time" timeStyle="short" />
        </xp:this.converter>
    </xp:inputText>
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div> 

一旦我添加了一个id,我在单击远离/退出控件时收到以下错误:

错误:语法错误,无法识别的表达式:unsupported pseudo:_id1

id是需要将数据映射回文档但我实际上并没有使用它来附加datetimepicker - 我正在使用一个类:

$('.timePicker').each(function(i,el){SHARED.timePickerOpen(el)}) 

SHARED = {
    timePickerOpen: function(el){
        $(el).datetimepicker({
            pickDate: false,
            pickTime: true,
            useCurrent: true,
            minuteStepping:5  
        });
    }
}

更新#1:

听起来有点误会,所以我会试着进一步解释......

• 在测试中,我用纯html编写代码,给字段一个ID,它工作正常.
• 如果我使用xpage字段(domino使用冒号生成ID),日期选择器将失败,并显示上述错误.
• 我不使用ID将事件绑定到字段,我使用类获取字段然后将datetimepicker控件绑定到它.

问题似乎是使用字段ID的datetimepicker.即使我通过类名(不是id)获取字段,datetimepicker代码似乎想要在字段中找到一个id.datetimepicker绑定到该字段没有任何问题.当您尝试选择模型框显示的时间并允许您选择时间时,当您尝试单击该字段以关闭模型时间控件时会发生错误.