Фильтр по датам с AngularJS

я хотел бы создать фильтр пользовательских AngularJS с использованием даты, но в первый мой фильтр не работает ...Фильтр по датам с AngularJS

app.filter('calculEndDate', function() { 
 
    // here I want to add "duration" to the date 
 
    // month or year according to "durationType" 
 
    return function(date) { 
 
    return date; 
 
    } 
 
});

<select ng-model="durationType"> 
 
    <option>month</option> 
 
    <option>year</option> 
 
</select> 
 
<input type="number" ng-model="duration"> 
 
<label for="startDate">startDate</label> 
 
<input type="text" ng-model="startDate"> 
 
<input type="text" ng-value="startDate | calculEndDate">

Мой главный вопрос: endDate является null, и я не знаю, как действовать, чтобы применить свой фильтр, когда startDate не пусто ..

источник

2015-10-30 tonymx227

Пожалуйста, дайте мне знать, если мой ответ решил вашу проблему, приняв его или комментировать его, если есть проблема :) – IggY

var app = angular.module("App", []); 
 
app.filter('calculEndDate', function() { 
 
    // here I want to add "duration" to the date 
 
    // month or year according to "durationType" 
 
    return function(date, duration, duration_type) { 
 
    var date = new Date(date); 
 
    if (duration && duration_type === "month") 
 
     date.setMonth(date.getMonth() + duration); 
 
    if (duration && duration_type === "year") 
 
     date.setFullYear(date.getFullYear() + duration) 
 
    return date; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="App"> 
 
<select ng-model="durationType"> 
 
    <option>month</option> 
 
    <option>year</option> 
 
</select> 
 
<input type="number" ng-model="duration"> 
 
<label for="startDate">startDate</label> 
 
<input type="text" ng-model="startDate"> 
 
<input type="text" ng-value="startDate | calculEndDate: duration:durationType"> 
 
{{startDate | calculEndDate: duration:durationType}} 
 
    </body>

источник

2015-10-30 11:09:00 IggY

Спасибо, это работает. – tonymx227

Добавить параметры к фильтру:

app.filter('calculEndDate', function() { 
     // here I want to add "duration" to the date 
     // month or year according to "durationType" 
     return function(date,duration, durationType) { 
      //your code managing duration and durationType 
     } 
}); 


<select ng-model="durationType"> 
     <option>month</option> 
     <option>year</option> 
</select> 
<input type="number" ng-model="duration"> 
<label for="startDate">startDate</label> 
<input type="text" ng-model="startDate"> 
<input type="text" ng-value="startDate | calculEndDate : duration : durationType">

источник

2015-10-30 11:05:36 ThibaudL

Фильтр по датам с AngularJS

ответ

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