2016-09-21 5 views
1

BootsfacesのDateTimePickerを使用しようとしましたが、日付と時刻を選択するためのポップアップが機能しません。私はdependencieBootsfacesの使用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> 

I'dを使いたい場所であるを使用していますMavenを使用しています誰かが私にこれを手伝ってもらえると感謝します。

EDIT: Screenshot of the result(モード=「インライン」は削除)

問題は、ポップアップを開く必要があり、右側のボタンがクリックできないということです。また、入力フィールドに焦点を当てることによって、ポップアップは表示されません。何らかの理由で、bootsfacesは「moment.min.js」と「ブートストラップ・datetimepicker.min.js」などのjavascriptのリソースを追加doesntの

+0

mode属性を削除してみましたか?デフォルトはポップアップで、インラインではありません。 – Zhedar

+0

はい、どちらもうまくいきません。モードを使用して私はちょうどポップアップが間違った方法で表示されているかどうかを確認しようとしました – NotMyFaultSir

+0

'間違った方法で'とはどういう意味ですか?カスタムテーマを使用していますか?結果のスクリーンショットを提供できますか? – Zhedar

答えて

1

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

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

関連する問題