2016-12-21 6 views
-2

내 프로젝트에 Eonasdan 부트 스트랩 datetimepicker 버전 4를 사용하고 싶습니다.Eonasdan 부트 스트랩 datetimepicker에서 날짜 필드를 비활성화하는 방법은 무엇입니까?

요구 사항은 시간 범위를 찾는 것입니다. 내 질문 : - 날짜없이 2 시간 사이의 범위를 가질 수 있습니다 (즉, 날짜 사용 안 함 및 시간 범위 만 있음).

귀하의 도움에 감사드립니다. 감사합니다. .

+0

당신은 사용 timepicker와 성분 [: HH : '형식 mm']을 사용하여 (https://eonasdan.github.io/bootstrap-datetimepicker/Options/#format). [disabledTimeIntervals] (http://eonasdan.github.io/bootstrap-datetimepicker/Options/#disabledtimeintervals)를 사용하여 선택 가능한 시간을 제한 할 수 있습니다. 어쨌든 코드를 추가하여 질문을 편집하여 시도한 것을 보여줘야합니다. – VincenzoC

답변

1

format: HH:mm을 사용하여 시간 구성 요소로 구성 요소를 사용할 수 있습니다. disabledTimeIntervals을 사용하여 선택 가능한 시간을 제한 할 수 있습니다. 여기

8 15 18 0에서 시간을 해제 작업 예 :

$('#datetimepicker').datetimepicker({ 
 
    disabledTimeIntervals: [ 
 
    [moment({ h: 0 }), moment({ h: 8 })], 
 
    [moment({ h: 15 }), moment({ h: 18 })] 
 
    ], 
 
    defaultDate: moment("12:00", 'HH:mm'), 
 
    format: 'HH:mm' 
 
});
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class="row"> 
 
    <div class="col-md-12"> 
 
    <h6>datetimepicker</h6> 
 
    <input type="text" class="form-control" id="datetimepicker"/> 
 
    </div> 
 
</div>