부트 스트랩 datetimepicker 선택 시간보기 모드

Question

안녕하세요 저는 bootstrap datetimepicker로 작업하고 있습니다. 날짜를 선택한 후 선택 시간보기를 표시하려고합니다 (날짜를 클릭하십시오). 선택한 시간보기 또는 다른 것을 열 수있는 이벤트가 있습니까?

Answer 1

당신은 다음과 같은 이벤트를 사용할 수 있습니다 eonasdan datetimepicker를 사용하는 경우 :

사용자가 기본 상태로있는 DateTimePicker를 재설정하기 위해 날짜

click를 변경 한 경우 테스트하기 위해

• dpchange (짧은 시간 선택)

코드 조각 :

$('#datetimepicker1').datetimepicker().on('dp.change', function(e) { 
 
    var currDate = e.date.format('DD/MM/YYYY'); 
 
    var oldDate = (e.oldDate == null) ? currDate : e.oldDate.format('DD/MM/YYYY'); 
 
    var sideBySide = $('#datetimepicker1').data("DateTimePicker").options().sideBySide; 
 
    if (currDate != oldDate && sideBySide == false) { 
 
    $('#datetimepicker1').data("DateTimePicker").sideBySide(true); 
 
    } 
 
}).on('click', 'span.input-group-addon', function(e) { 
 
    $('#datetimepicker1').data("DateTimePicker").sideBySide(false); 
 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script> 
 
<link rel="stylesheet" href="https://rawgit.com/Eonasdan/bootstrap-datetimepicker/master/build/css/bootstrap-datetimepicker.min.css"> 
 
<script src="https://rawgit.com/Eonasdan/bootstrap-datetimepicker/master/build/js/bootstrap-datetimepicker.min.js"></script> 
 

 

 
<div class="container"> 
 
    <div class="row"> 
 
     <div class='col-sm-6'> 
 
      <div class="form-group"> 
 
       <div class='input-group date' id='datetimepicker1'> 
 
        <input type='text' class="form-control"/> 
 
        <span class="input-group-addon"> 
 
         <span class="glyphicon glyphicon-calendar"></span> 
 
        </span> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>