각도 ui에서 분 입력을 비활성화하는 방법 Timepicker

Question

이 플러그인은 시간 (시간과 분)을 표시합니다. 시간이 필요해. 어떻게 분 블록을 숨길 수 있습니까?

내 HTML :

<uib-timepicker ng-model="mytime" ng-change="changed()" hour-step="1" minute-step="10" show-meridian="false" readonly-input="true"></uib-timepicker> 

Controller.js :

$scope.mytime = new Date(); 

Answer 1

시간 선택기에 readonly-input = "true"를 사용하고 minute-step = "0"으로 설정할 수 있습니다. 분 입력이 비활성화됩니다.

읽기 전용 타임 피커의 모양과 느낌이 마음에 들지 않으면 템플릿 URL을 변경하고 시간표 태그에 직접 추가 할 수 있습니다.

template-url = "templates/customTemplate.html" 

Answer 2

당신은 지시에 template-url을 설정하여 기본 timepicker 템플릿을 재정의 할 수

<uib-timepicker ng-model="mytime" ng-change="changed()" hour-step="1" minute-step="10" show-meridian="false" template-url="urlOfYourModifiedTimepicker.html" readonly-input="true"></uib-timepicker> 

당신은 얻을 수 있습니다 here의 기본 템플릿을 삭제하고 d 초 요소. 이 수정 된 템플릿을 프로젝트에 저장하고 지침의`template-url = "urlToYourModifiedTemplate.html"에이 템플릿의 URL을 설정하십시오.

희망이 있으면 도움이 될 것입니다.