Twitter bootstrap 将Wickets DateTimeField元素转换为引导datetimepicker

我正在尝试将我的wicket应用程序DateTimeField元素转换为Bootstrap。我不熟悉Wicket框架

html:

日期编辑器
jQuery（函数（）{
var idDate=jQuery（'[name*=“dateValue”]'）。attr（'id'）；
console.log（“idDate:+idDate”）；
jQuery（“#”+idDate）.datetimepicker(
{
useCurrent:false，
崩溃：真的
}
);
});

爪哇：

专用最终日期字段valueDatePicker；
valueDatePicker=addValueDatePicker（此“dateValue”，新模型（））；
专用DateTimeField addValueDatePicker（最终MarkupContainer父项、最终字符串id、最终IModel模型）
{
最终DateTimeField结果=新DateTimeField（id，型号）{
私有静态最终长serialVersionUID=1L；
/**{@inheritardoc}*/
@凌驾
配置（）上受保护的空
{
布尔值必需=真；
setVisibilityAllowed（必需）；
setRequired（必选）；
}
@凌驾
受保护的布尔use12HourFormat（）
{
返回false；
}
/**{@inheritardoc}*/
@凌驾
受保护的DateTextField newDateTextField（最终字符串id、最终属性模型dateFieldModel）
{
return DateTextField.forDatePattern（id、型号、BooleanUtils.isFalse（时区性
.getUSDateFormatConfig（））？DateUtility.DATE\u非\u格式：DateUtility.DATE\u格式）；
}
};
result.setOutputMarkupId（true）；
添加（结果）；
返回结果；
}

---

它起作用了，但只是部分起作用。i、 e.DateTimeField提供了日期字段文本框，该文本框现在显示bootstrap multiselect calerndar，但仍然显示日历、小时和分钟文本框。我想去掉日历、小时和分钟文本框，只显示日期字段文本框。

你试过用DateTextField代替DateTimeField吗？这样，您就可以有一个字段，例如dd/MM/yyyy。

---

看看这个例子，你可以看到一个带有JQuery日历的自定义DateTextField的例子。

你试过用DateTextField代替DateTimeField吗？这样，您就可以有一个字段，例如dd/MM/yyyy。

---

看看这个例子，您可以看到一个带有JQuery日历的自定义DateTextField示例。

您可以使用Wicket引导（）。 例如：

---

实现：

您可以使用Wicket引导（）。 例如：

---

实现：

是否要使用datetimepicker组件只获取没有小时和分钟的日期部分？在本例中，添加

格式：“MM/DD/YYYY”

选项，请参阅和Thq@VincenzoC的文档。格式适用于引导Multiselect。我说的是Wicket DateTimeField组件，它包含日期文本、日历、小时和分钟字段。您想使用datetimepicker组件只获取没有小时和分钟的日期部分吗？在本例中，添加

格式：“MM/DD/YYYY”

选项，请参阅和Thq@VincenzoC的文档。格式适用于引导Multiselect。我说的是Wicket DateTimeField组件，它包含日期文本、日历、小时和分钟字段……是的@Andrea Del Bene。使用DateTextField将同时提供文本字段和日历。因为我想摆脱日历，所以我选择了纯文本框，并在此基础上调用bootstrap datepicker JS函数。使用DateTextField将同时提供文本字段和日历。因为我想摆脱日历，所以我选择了纯文本框，并在此基础上调用bootstrap datepicker JS函数。我将实施并让您知道。我正在尝试适应我的项目中使用的代码，他们使用了DateTimeField。现在我用TextField替换了它。两个模型也与我的日期组件关联。谢谢martin-g。我将实施并让您知道。我正在尝试适应我的项目中使用的代码，他们使用了DateTimeField。现在我用TextField替换了它。两个模型也与my date组件关联。

<span wicket:id="dateValue" style="width:400px">Date editor</span>
<script type="text/javascript">
    jQuery(function () {
        var idDate = jQuery('[name*="dateValue"]').attr('id');
        console.log("idDate:"+idDate);
        jQuery('#' +idDate).datetimepicker(
            {
                useCurrent: false,
                collapse: true
            }
        );
    });
</script>

private final DateTimeField valueDatePicker;
valueDatePicker = addValueDatePicker(this, "dateValue", new Model<Date>());

private DateTimeField addValueDatePicker(final MarkupContainer parent, final String id, final IModel<Date> model)
{
    final DateTimeField result = new DateTimeField(id, model) {
        private static final long serialVersionUID = 1L;

        /** {@inheritDoc} */
        @Override
        protected void onConfigure()
        {
            boolean required = true;
            setVisibilityAllowed(required);
            setRequired(required);
        }

        @Override
        protected boolean use12HourFormat()
        {
            return false;
        }

        /** {@inheritDoc} */
        @Override
        protected DateTextField newDateTextField(final String id, final PropertyModel<Date> dateFieldModel)
        {
            return DateTextField.forDatePattern(id, model, BooleanUtils.isFalse(TimeZoneUtility
                    .getUSDateFormatConfig()) ? DateUtility.DATE_NON_US_FORMAT : DateUtility.DATE_FORMAT);
        }
    };
    result.setOutputMarkupId(true);
    parent.add(result);
    return result;
}