1

我尝试使用 Bootsfaces 的 DateTimePicker,但选择日期和时间的弹出窗口不起作用。我正在使用添加依赖项的 maven

<dependency>
    <groupId>net.bootsfaces</groupId>
    <artifactId>bootsfaces</artifactId>
    <version>0.9.1</version>
    <scope>compile</scope>
</dependency>

我也在使用命名空间

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://xmlns.jcp.org/jsf/html"
  xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
  xmlns:p="http://primefaces.org/ui"
  xmlns:f="http://xmlns.jcp.org/jsf/core"
  xmlns:c="http://java.sun.com/jsp/jstl/core"
  xmlns:b="http://bootsfaces.net/ui">

这是我想使用 DateTimePicker 的地方

<div class="row">
    <b:dateTimePicker mode="inline"/>
</div>

如果有人可以帮助我,我将不胜感激。

编辑: 结果截图(mode='inline' 已删除)

问题是右侧应该打开弹出窗口的按钮不可点击。同样,通过聚焦输入字段,不会显示弹出窗口。

4

1 回答 1

1

出于某种原因,bootsfaces 没有将“moment.min.js”和“bootstrap-datetimepicker.min.js”添加为 javascript 资源......

在 xhtml 页面中添加以下代码即可解决问题:

<h:outputScript name="js/moment.min.js" /> 

<h:outputScript name="js/bootstrap-datetimepicker.min.js" />

您可以在此处下载这些文件:Moment

https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js

日期时间选择器

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js

于 2016-10-03T00:16:40.567 回答