2016-09-21 65 views
1

我嘗試使用Bootsfaces的DateTimePicker,但彈出選擇日期和時間不起作用。我使用maven在那裏我加入dependencie使用Bootsfaces DateTimePicker

<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(模式=「內聯」刪除)

的問題是,在右側應該打開彈出按鈕無法點擊。同樣通過聚焦輸入字段,不顯示彈出窗口。

+0

您是否嘗試刪除mode屬性?默認是彈出而不是內聯。 – Zhedar

+0

是的,但它也沒有工作。使用我試圖檢查彈出窗口是否以錯誤方式顯示的模式 – NotMyFaultSir

+0

「錯誤的方式」是什麼意思?你在使用自定義主題嗎?你能提供你的結果截圖嗎? – Zhedar

回答

1

出於某種原因,bootsfaces犯規添加「moment.min.js」和「引導-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

Datetimepick呃

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