1

Symfony 응용 프로그램에서 Bootstrap Datepicker을 사용하고 있습니다. Datepicker를 열고 닫을 때 fadeIn 및 fadeOut 효과를 얻고 싶습니다. 라이브러리에는이 문제를 다루는 문서가 없으므로 직접 수정할 수있는 방법이 있습니까?부트 스트랩 Datepicker 페이드 효과를주는 방법?

{% block body %} 
<div class="container-fluid"> 
    <div class="row"> 
     <div class="carousel" id="myCarousel" data-ride="carousel"> 
       <ol class="carousel-indicators"> 
       <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
       <li data-target="#myCarousel" data-slide-to="1"></li> 
       <li data-target="#myCarousel" data-slide-to="2"></li> 
      </ol> 

      <div class="carousel-inner" role="listbox"> 
       <div class="item active"> 
        <img src="{{ asset('../../../../../images/image-1.jpg') }}"> 
       </div> 

       <div class="item"> 
        <img src="{{ asset('../../../../../images/image-2.jpg') }}"> 
       </div> 

       <div class="item"> 
        <img src="{{ asset('../../../../../images/image-3.jpg') }}"> 
       </div> 
      </div> 

      <div class="form-contents"> 
       <div class="row"> 
        {{ form_start(form, {'attr': {'autcomplete':'off'}}) }} 
        {{ form_errors(form) }} 

        <div class="form-group col-xs-6"> 
         {{ form_label(form.Place, 'Where') }} 
        </div> 

        <div class="form-group col-xs-6"> 

         {{ form_label(form.Date, 'When') }} 
         {{ form_errors(form.Date) }} 
         {{ form_widget(form.Date, {'attr': {'class':'form-control','autcomplete':'off', 'placeholder':'Pick a day', 
                'data-provide':'datepicker', 'readonly':'', 'data-date-today-highlight':false, 
                'data-date-format':'dd/mm/yyyy', 'data-date-autoclose': true 
                } 
         })}} 

        </div> 
       </div> 

       <div class="row"> 
        <div class="col-xs-12"> 
         {{ form_row(form.save, {'attr': {'class':'btn btn-lg'}}) }} 
        </div> 

        {{ form_end(form) }} 
       </div> 
      </div> 
      {{ parent() }} 
     </div> 
    </div> 
</div> 
{% endblock %} 

답변

0

http://codepen.io/anon/pen/grKwLz

내가 부트 스트랩 - datepicker.js의 소스를 편집 :

다음은 날짜 선택기가 초기화됩니다 나뭇 가지 파일입니다. 라인 479-486을보십시오.

변화 :

 this.picker.css("opacity", 0); 
     this.picker.show(); 
     this.picker.animate(
      { 
       "opacity": 1 
      }, 
      400 
     );