에서 textInput 레이아웃 기본

Question

는 ActiveForm을 내 JUI/날짜 선택기를 사용하려고 yii2에 JUI 날짜 선택기에 의해 파괴 : 그것은 잘 작동하지만 unfortunaltely

<?= $form->field($model, 'valid_to')->textInput()->widget(DatePicker::className(),['clientOptions' => ['defaultDate' => '2014-01-01'],'dateFormat' => 'yyyy-MM-dd']) ?>  

, 그것은 yii2's "기본"템플릿의 inputFiel의 레이아웃을 파괴 다음과 같이하십시오 : 레이블이 더 이상 필드의 맨 위에 위치하지는 않지만 왼쪽에는 필드의 주변이 js 유효성 검증 후 녹색/빨간색으로 표시되지 않습니다.

"입력란 css를 무시하지 마세요."와 같은 DatePicker 속성이 있습니까? 이 문제를 해결하기 위해해야 ​​할 일은 무엇입니까? 나던 작업 후

:

이

<?= $form->field($model, 'id_currency')->textInput() ?> 
<?= $form->field($model, 'valid_to')->widget(DatePicker::className(),['class' => 'form-control','clientOptions' => ['defaultDate' => '2014-01-01'],'dateFormat' => 'yyyy-MM-dd']) ?> 

출력 HTML :

<div class="form-group field-license-id_currency required"> 
<label class="control-label" for="license-id_currency">Id Currency</label> 
<input type="text" id="license-id_currency" class="form-control" name="license[id_currency]"> 

<div class="form-group field-license-valid_to required"> 
<label class="control-label" for="license-valid_to">Valid To</label> 
<input type="text" id="license-valid_to" name="license[valid_to]"> 

클래스 = "폼 컨트롤"는 날짜 선택기 입력에 빠져 여기

는 yii2 코드 들.

Answer 1

그런데 나는 yii-forum의 도움으로 그것을 알아낼 수 있었다. 여기

<?= $form->field($model, 'valid_to')->widget(DatePicker::className(),['clientOptions' => ['defaultDate' => '1980-01-01'],'dateFormat' => 'yyyy-MM-dd' ,'options'=>['style'=>'width:250px;', 'class'=>'form-control']]) ?> 

Answer 2

나는 그렇게 생각하지 않습니다. 처음 있음

->textInput()->widget(

은 중복입니다. -> textInput()을 제거 할 수 있어야합니다.

또한 필드의 빨간색을 녹색으로 바꿉니다. 당신은 그들에게 당신이 원하는 어떤 색깔을 만들기 위해

<div class="form-group **** required has-error"> 

또는

<div class="form-group **** required has-success"> 

와 부모에게 사업부를 사용할 수 있습니다.

당신은 (하지 테스트) 그것의 설정에 추가하여 바로 색상을 추가 할 수 있습니다

->widget(DatePicker::className(),['class' => 'form-control', 'clientOptions' => ['defaultDate' => '2014-01-01'],'dateFormat' => 'yyyy-MM-dd']) 

옵션과 함께 다음 버전에 올 것이다 "입력 필드의 CSS를 무시하지 않는다" "내가 무엇을 생각하고하고 있는지 추측해라."

Answer 3

를 사용자 지정 서식 파일을 사용할 필요가 사람들을위한보다 완벽한 예입니다 다음 코드는 작동합니다.

<?= $form->field($model, 'valid_to', ['template' => '<div class="col-xs-12 col-sm-12 col-md-6">{label}:{input}{error}{hint}</div>'])->widget(DatePicker::className(),['dateFormat' => 'yyyy-MM-dd' ,'options'=>['class'=>'form-control']]) ?>