Css datetimefield造型导叶

我正在使用Wicket的DateTimeField组件，但我很难对其应用任何样式。HTML代码段如下所示：

<span id="creationDate" wicket:id="creationDate" />

随附的Java是：

add(new DateTimeField("creationDate", new PropertyModel<Date>(this, "creationDate")));

add（新的DateTimeField（“creationDate”，新的PropertyModel（“creationDate”））；

它起作用，但产生了这个（我已经整理好了）：

 :

---

我希望做的是分别获取组件，然后为它们添加

style

或

class

属性。有什么方法可以做到这一点吗？

您可以使用超类

组件中定义的方法
公共组件添加（最终行为…行为）

您要查找的是行为
AttributeAppender
，您可以使用该行为添加CSS id/类或任何其他要附加的属性

请参阅API：

更新

我刚刚快速查看了
DateTimeField
的源代码。不幸的是，您无法单独访问这些组件

我可以想出两种方法来设置组件的样式：


您可以将整个
DateTimeField
放在自定义
div
中，然后，例如，通过级联css选择器访问文本字段。（例如#myDiv输入）
或者使用现有源代码创建自己的
DateTimeField
类，并将css id/类放在那里
事实证明，您可以通过替换
org.apache.wicket.extensions.yui.calendar
包中的
DateTimeField.HTML
来覆盖HTML。这将替换默认的HTML，并且是我添加类详细信息的地方。
我意识到我的问题写得不对，所以我编辑了最后一段。我会调查你说的话……没错，这也是可能的：）
<span id="creationDate" wicket:id="creationDate">
<wicket:panel xmlns:wicket="http://wicket.apache.org">
<span style="white-space: nowrap;">
    <input type="text" wicket:id="date" size="12" value="28/11/11" name="creationDate:date" id="date1f"/>
    <span class="yui-skin-sam">&nbsp;
        <span style="display:none;position:absolute;z-index: 99999;" id="date1fDp"></span>
        <img style="cursor: pointer; border: none;" id="date1fIcon" src="wicket/resource/org.apache.wicket.extensions.yui.calendar.DatePicker/icon1-ver-1322148000242.gif" alt="" title=""/>
    </span>
    <input type="text" wicket:id="hours" size="2" value="14" name="creationDate:hours"/>
    <span wicket:id="hoursSeparator">&#160;:</span>
    <input type="text" wicket:id="minutes" size="2" value="17" name="creationDate:minutes"/>
</span>