angularjs directive for bootstrap datepicker : eternicode/bootstrap-datepicker, eyecon.ro

gistfile1.js

angular.module('bDatepicker', []).
  directive('bDatepicker', function(){
    return {
      require: '?ngModel',
      restrict: 'A',
      link: function($scope, element, attrs, ngModelCtrl) {
        var originalRender, updateModel;
        updateModel = function(ev) {
          return $scope.$apply(function() {
            return ngModelCtrl.$setViewValue(ev.date);
          });
        };
        if (ngModelCtrl != null) {
          originalRender = ngModelCtrl.$render;
          ngModelCtrl.$render = function() {
            originalRender();
            return element.datepicker.date = ngModelCtrl.$viewValue;
          };
        }
        return attrs.$observe('bDatepicker', function(value) {
          var options;
          options = {};
          if (angular.isObject(value)) {
            options = value;
          }
          if (typeof(value) === "string") {
            options = angular.fromJson(value);
          }
          return element.datepicker(options).on('changeDate', updateModel);
        });
      }
    };
  });

this is sample of how to integrate bootstrap datepicker with angular.

use it like:
<input b-datepicker="{{dateoptions}}" ng-model="date" >

• dateoptions is optional config object from controller

based on sample from Peter Bacon Darwin (jqUi)
https://github.com/petebacondarwin/angular-ui/tree/angular-v1.0/modules/directives/date