2015-02-25 2 views
1

/* то, что я хочу установить MaxDate в vmEndDate */Послать переплетено (нг-модель) данные в Angularjs директивы таможенных

app.directive('myDatepicker', function ($parse) { 
     return function (scope, element, attrs, controller) { 

      var ngModel = $parse(attrs.ngModel); 
      alert(element.val()); 
      $(function(){ 
       element.datepicker({ 
        showOn:"both", 
        // changeYear:true, 
        //changeMonth:true, 
        dateFormat:'dd-MMMM-yyyy', 
        //maxDate: vmEndDate, 
        minDate: new Date(), 
        // yearRange: '1920:2012', 
        onSelect:function (dateText, inst) { 
         scope.$apply(function(scope){ 
          // Change binded variable 
          ngModel.assign(scope, dateText); 
         }); 
        } 
       }); 
      }); 
     } 
    }); 

/* HTML кода */

<input id="dp" type="text" ng-model="vmEndDate" name="mDate" my-datepicker/> 

/Цель: Я хочу, чтобы создать дату сборщик (макс и мин), используя угловые пользовательские директивы мин является на сегодняшний день дня и максимальную дату является датой окончания ВМ (прием от сервера)/

+0

Каков текущий выход, который вы получаете? Это ошибка, ничего не видно, или вы получаете неожиданные результаты? –

+0

, когда я использовал эту строку кода maxDate: vmEndDate в пользовательской директиве, в сборщике даты ничего не происходит. – Lakshmi

+1

Почему вы не используете угловой ui datepicker, который имеет все эти функциональные возможности в – harishr

ответ

0

Вот рабочий пример:

app.directive('myDatepicker', function ($parse) { 

    return function (scope, element, attrs, controller) { 
     var ngModel = $parse(attrs.ngModel); 
     var vmEndDate = scope.$eval(attrs.ngModel); 
     $(function() { 
      element.datepicker({ 
       showOn: "both", 
       // changeYear:true, 
       //changeMonth:true, 
       dateFormat: 'd-M-yy', 
       maxDate: new Date(vmEndDate), 
       minDate: new Date() , 
       // yearRange: '1920:2012', 
       onSelect: function (dateText, inst) { 
        scope.$apply(function (scope) { 
         // Change binded variable 
         ngModel.assign(scope, dateText); 
        }); 
       } 
      }); 
     }); 
    } 
}); 


    <input id="dp" type="text" ng-model="vmEndDate" ng-init="vmEndDate ='27-Feb-2015'" name="mDate" my-datepicker /> 
Смежные вопросы