は、angle-uiのブートストラップdatepickerのngModel値を更新する必要があります

Question

NG-UIのブートストラップカレンダーでは、日付の形式を正しく表示できますが、ngmodelの値はWed Oct 18 2017 00:00 ：00 GMT-0400（EDT）。

2011年10月18日の値を保持するようにngmodelを更新しようとしました。しかし、私はすでに$進行中のエラーに直面しています。

<input type="text" class="text-input" id="screeningDateFromSearch" 
     datepicker-popup uib-datepicker-popup="{{format}}" 
     placeholder="mm/dd/yyyy" 
     ng-model="searchInput.screeningDateFrom" 
     is-open="datesPicker.screeningDateFrom" 
     datepicker-options="dateOptions" 
     show-button-bar="false" ng-required="true" close-text="Close" 
     ng-change="searchScreenings()" /> 

angular.module('moduleName') 
    .directive('datepickerPopup', function (dateFilter) { 
     return { 
      require: '^ngModel', 
      restrict: 'EA', 
      link: function (scope, elm, attrs, ctrl) { 
       var dateFormat = attrs.uibDatepickerPopup; 
       attrs.$observe('datepickerPopup', function (newValue) { 
        if (dateFormat == newValue || !ctrl.$modelValue) return; 
        dateFormat = newValue; 
        ctrl.$modelValue = new Date(ctrl.$setViewValue); 
       }); 

       ctrl.$formatters.unshift(function (modelValue) { 
        if (!dateFormat || !modelValue) return ""; 
        var retVal = dateFilter(modelValue).format(dateFormat); 
        return retVal; 
       }); 

       ctrl.$parsers.unshift(function (viewValue) { 
        var date = dateFilter(viewValue, dateFormat); 
        scope.$apply(function (viewValue) { 
         ctrl.$setViewValue(date); 
         ctrl.$render(); 
        }); 
       }); 

      } 
     }; 
    }) 

その後$ scope.safeApplyてみましたが、あまりにもこのコードスニペット に動作しないことは、値を更新するための最良の方法を提案してください。

Answer 1

あなたのコントローラで$filter