Wickets DateTimeField要素をブートストラップdatetimepickerに変換する

Question

ウィジェットアプリケーションのDateTimeField要素をブートストラップDatetimepickerに変換しようとしています。私はWicketフレームワークが初めてです。

HTML：

<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> 

のJava：

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; 
} 

それは部分的にしか動作しますが、。つまり、DateTimeFieldには、現在のブートストラップmultiselect calerndarが表示されている日付フィールドのテキストボックスが表示されますが、カレンダー、時間、および分のテキストボックスが表示されます。私は、カレンダー、時と分のテキストボックスを取り除き、日付フィールドのテキストボックスのみを表示したいと考えました。

Answer 1

DateTimeFieldの代わりにDateTextFieldを使用してみましたか？このようにして、たとえばdd/MM/yyyyのフィールドを1つ指定することができます。 例hereを見ると、JQueryカレンダーでカスタムDateTextFieldの例を見ることができます。

Answer 2

ウィケットブートストラップ（https://github.com/l0rdn1kk0n/wicket-bootstrap）を使用できます。 例：http://wb-mgrigorov.rhcloud.com/datetimepicker 実装：https://github.com/l0rdn1kk0n/wicket-bootstrap/tree/wicket-7.x/bootstrap-extensions/src/main/java/de/agilecoders/wicket/extensions/markup/html/bootstrap/form/datetime