How to have at least two datepickers of ui-bootstrap on a single page?

Question

I want to have several datepickers on a page. But with the default solution from UI-Bootstrap it is not possible, no one of datepickers may be opened. The conflict with each

Answer 1

Rather than using a different function you can use a different is-open attribute and then pass the attribute in through the ng-click function. You still need different models:

        

            
            
        
        

            
            
        
        Submit
    

And inside controller:

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

    $scope[opened] = true;
  };