【问题标题】:Using Bootsfaces DateTimePicker使用 Bootsfaces DateTimePicker
【发布时间】:2016-09-21 15:02:34
【问题描述】:

我尝试使用 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>

如果有人能帮我解决这个问题,我将不胜感激。

编辑: Screenshot of the result (mode='inline' 已删除)

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

【问题讨论】:

  • 您是否尝试删除模式属性?默认是弹出而不是内联。
  • 是的,但它也不起作用。使用我尝试检查的模式是否只是以错误的方式显示弹出窗口
  • “以错误的方式”是什么意思?您是否使用自定义主题?能否提供结果截图?
  • 以破旧的方式,我的意思是超出屏幕范围(以前发生过,所以我通常会检查)。上面可以看到没有“mode='inline'”的结果。

标签: maven xhtml bootsfaces


【解决方案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

【讨论】:

    猜你喜欢
    • 2019-10-11
    • 2019-01-29
    • 2019-07-28
    • 2018-06-26
    • 2017-02-05
    • 2019-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多