2014-12-11 2 views
0

이 :부트 스트랩의 경우 날짜 선택기 : 업데이트 부트 스트랩 - 날짜 선택기 내가 정의 내 부트 스트랩 - 날짜 선택기의 바닥 글, 내가 3 개 버튼을 제거하고 싶어 할

enter image description here

JSFIDDLE

angular.module('ui.bootstrap.demo', ['ui.bootstrap']); 
angular.module('ui.bootstrap.demo').controller('DatepickerDemoCtrl', function ($scope) { 
    $scope.today = function() { 
    $scope.dt = new Date(); 
    }; 
    $scope.today(); 

    $scope.clear = function() { 
    $scope.dt = null; 
    }; 

    // Disable weekend selection 
    $scope.disabled = function(date, mode) { 
    return (mode === 'day' && (date.getDay() === 0 || date.getDay() === 6)); 
    }; 

    $scope.toggleMin = function() { 
    $scope.minDate = $scope.minDate ? null : new Date(); 
    }; 
    $scope.toggleMin(); 

    $scope.open = function($event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 

    $scope.opened = true; 
    }; 

    $scope.dateOptions = { 
    formatYear: 'yyyy', 
    startingDay: 1,  
    numberOfMonths: 2, 
    autoclose: true 
    }; 

    $scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate']; 
    $scope.format = $scope.formats[0]; 
}); 

답변

1

당신은 현재 바닥 글을 제거 할 수 있습니다

show-button-bar='false' 

그리고 광고 오프 물론 http://plnkr.co/edit/8WvmM9AmS8x6iArJzZv8?p=preview

가 주어질거야 당신이

를 원하는 것처럼 보이게하기 위해 일부 CSS가 필요합니다 : NG-쇼 다 새로운 사업부는 달력이 여기
<div class="footer" ng-show="opened">Horaries:<button>1</button><button>2</button><button>3</button></div> 

을 열 경우 것이 한 예이다
+0

yur 예를 들어 thx 어떻게 날짜를 선택하거나 버튼을 클릭 할 때 다이얼러가 닫히지 않도록하려면 바깥 쪽을 클릭 할 때 닫기를 원합니다. – Mercer

+0

설정이 : "close-on-date-selection ". 코드가 작동하는 방식을 확인하고 버튼에 대해 동일한 작업을 수행 할 수 있는지 확인해야합니다. –

+0

몇 가지 사항을 변경했습니다. http://plnkr.co/edit/x32oX4DsMQtLDxY3bN1N?p=preview. 이제 날짜를 선택하거나 첫 번째 버튼을 클릭하면 날짜 피커가 닫히지 않습니다. –

관련 문제