Gwt 浮动面板上的日期选择器

Gwt 浮动面板上的日期选择器,gwt,datepicker,panel,Gwt,Datepicker,Panel,我需要在行中放置几个DatePicker小部件。如果没有足够的宽度来放置所有的小部件,其余的小部件将移到下一行。这是默认的HTML布局行为。所以我尝试使用FlowPanel。对于任何其他小部件(按钮、标签等),一切正常,但日期选择器放置在一个小部件的行中。这是密码 FlowPanel panel = new FlowPanel(); DatePicker picker1 = new DatePicker(); DatePicker picker2 = new

我需要在行中放置几个DatePicker小部件。如果没有足够的宽度来放置所有的小部件,其余的小部件将移到下一行。这是默认的HTML布局行为。所以我尝试使用FlowPanel。对于任何其他小部件(按钮、标签等),一切正常,但日期选择器放置在一个小部件的行中。这是密码

    FlowPanel panel = new FlowPanel();      
    DatePicker picker1 = new DatePicker();
    DatePicker picker2 = new DatePicker();      

    panel.add(picker1);
    panel.add(picker2);

    RootPanel.get().add(panel);
有什么解决这个问题的建议吗?
谢谢。

DatePicker
的根元素是一个
,因此您必须给它一个
显示:内联表
样式,或者将它放在具有
显示:内联块
样式的元素中

以下内容不应破坏
日期选择器的任何其他用法,但在IE 6或7中不起作用;这是可能起作用的最简单的事情™:

如果您确实需要IE 6/7支持,您可以在CSS资源中尝试以下方法:

@if user.agent ie6 {
   .gwt-DatePicker { display: inline; }
}
@else {
   .gwt-DatePicker { display: inline-table; }
}
@if user.agent ie6 {
   .gwt-DatePicker { display: inline; }
}
@else {
   .gwt-DatePicker { display: inline-table; }
}