在DateTimePicker中GWTBootstrap3 /缺少箭头

时间:2015-07-16 17:04:11

标签: css datetimepicker arrows gwtbootstrap3

我在ui.xml中使用DateTimePicker,如下所示:

<b:Label text="{messages.gwt_ui_from}" />
<b.date:DateTimePicker styleName="btn-block"
    ui:field="dtpFrom" format="dd.MM.yyyy" minView="MONTH"
    maxView="YEAR" autoClose="true" hasKeyboardNavigation="true" highlightToday="true"/>
<b:Label text="{messages.gwt_ui_to}" />
<b.date:DateTimePicker styleName="btn-block"
    ui:field="dtpTo" format="dd.MM.yyyy" minView="MONTH"
    maxView="YEAR" autoClose="true" hasKeyboardNavigation="true" highlightToday="true"/>

如您所见,样式设置为"btn-block"

但结果如下:

DateTimePickerWithoutArrows

我怎样才能保持风格并仍然让箭头回来?

非常感谢您的帮助! 斯坦

1 个答案:

答案 0 :(得分:1)

大家好,我有同样的问题

我的案例中的解决方案非常简单(搜索了三天之后......)

<b.date:DateTimePicker styleName="btn-block form-control"
    b:id="dtpToId" ui:field="dtpTo" format="dd.MM.yyyy"
    minView="MONTH" maxView="YEAR" autoClose="true"
    hasKeyboardNavigation="true" highlightToday="true" />

只需将form-control添加到DateTimePicker的styleName属性中即可享受箭头。

希望这有助于某人!