2014-12-11 4 views
0

Я хочу обычай футер моего самозагрузки-DatePicker, я хочу, чтобы удалить 3 кнопки и сделать это:Datepicker Для Bootstrap: обновление самозагрузки-DatePicker

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' 

И объявление да новый DIV с нг-шоу, если календарь открыт

<div class="footer" ng-show="opened">Horaries:<button>1</button><button>2</button><button>3</button></div> 

Вот пример:

http://plnkr.co/edit/8WvmM9AmS8x6iArJzZv8?p=preview

с курса, нужны Там вы можете CSS, чтобы сделать его, как вы хотите

+0

thx для примера yur, так как я могу сделать, если я хочу, чтобы номер не закрывался, когда я выбираю дату или нажимаю кнопки, я хочу закрыть ее, когда я нахожусь снаружи. – Mercer

+0

У вас есть настройка: «close-on-date-selection ». Вы должны проверить код, чтобы узнать, как он работает, и посмотреть, можете ли вы сделать то же самое для кнопок –

+0

. Я внесла некоторые изменения: http://plnkr.co/edit/x32oX4DsMQtLDxY3bN1N?p=preview. Теперь, если вы выберете дату или нажмите первую кнопку, датапикер не закрывается –

Смежные вопросы