使用 Bootsfaces DateTimePicker

Question

我尝试使用 Bootsfaces 的 DateTimePicker，但用于选择日期和时间的弹出窗口不起作用。我在使用 Maven 的地方添加了 dependencie

<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>

如果有人能帮助我，我将不胜感激。

编辑： Screenshot of the result（模式='inline'已删除）

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

Answer 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" />

您可以在此处下载这些文件：瞬间

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

使用 Bootsfaces DateTimePicker

Using Bootsfaces DateTimePicker

xhtml

maven

bootsfaces