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> 

자바 :

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는 캘린더, 시간 및 분 텍스트 상자를 계속 표시하는 다중 선택 항목 calerndar를 부트 스트랩에 표시하는 날짜 필드 텍스트 상자를 제공합니다. 나는 달력, 시간 및 분 텍스트 상자를 없애고 날짜 필드 텍스트 상자 만 보여주기를 원했습니다.

Answer 1

DateTimeField 대신 DateTextField를 사용해 보셨습니까? 이 방법으로 예를 들어, dd/MM/yyyy와 같이 하나의 필드를 가질 수 있습니다. 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