2016-09-21 16 views
1

Я пытаюсь использовать DateTimePicker Bootsfaces, но всплывающее окно для выбора даты и времени не работает. Я использую 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> 

я бы оцените это, если кто-нибудь сможет мне помочь в этом.

EDIT: Screenshot of the result (режим = «инлайн» удален)

Проблема заключается в том, что кнопка на правой стороне, которая должна открыть всплывающее окно не кликабельны. Также, фокусируя поле ввода, всплывающее окно не отображается.

+0

ли вы попробуйте удалить атрибут режима? По умолчанию всплывающее окно, а не встроенное. – Zhedar

+0

Да, но он тоже не работает. используя режим, я попытался проверить, не отображается ли всплывающее окно неправильным образом. – NotMyFaultSir

+0

Что вы подразумеваете под «неправильным способом»? Вы используете настраиваемую тему? Можете ли вы предоставить скриншот своего результата? – Zhedar

ответ

1

По некоторым причинам, bootsfaces оленьей кожи добавить «moment.min.js» и «бутстраповского-datetimepicker.min.js», как яваскрипт ресурсы ...

Добавления следующего кода в Xhtml странице решает проблему:

<h:outputScript name="js/moment.min.js" /> 

<h:outputScript name="js/bootstrap-datetimepicker.min.js" /> 

Вы можете скачать эти файлы здесь: Moment

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

 Смежные вопросы

  • Нет связанных вопросов^_^