首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Bootsfaces DateTimePicker

使用Bootsfaces DateTimePicker
EN

Stack Overflow用户
提问于 2016-09-21 15:02:34
回答 1查看 1.2K关注 0票数 1

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

代码语言:javascript
复制
<dependency>
    <groupId>net.bootsfaces</groupId>
    <artifactId>bootsfaces</artifactId>
    <version>0.9.1</version>
    <scope>compile</scope>
</dependency>

我还使用了命名空间

代码语言:javascript
复制
<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的地方

代码语言:javascript
复制
<div class="row">
    <b:dateTimePicker mode="inline"/>
</div>

如果有人能帮我这个忙,我会很感激的。

编辑: 结果截图 (模式=‘内联’已删除)

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-03 00:16:40

出于某种原因,bootsfaces没有添加'moment.min.js‘和’bootstrap-datetimeicker.min.js‘作为javascript资源.

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

代码语言:javascript
复制
<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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39620172

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档