JSFiddle - React, Tailwind, and code Playground

by Daviloppeur

HTML

<div ng-app="app">
    <div ng-controller="eventsCtrl as person">
        Maximum date: 
        <input type="text" ng-model="rechercheDateDebut" id="rechercheDateDebut" placeholder="yyyy-mm-dd">
            <br />Only display events with date >= maximum date :<br />
        <ul>
            <li ng-repeat="depart in person.dateDepart  | filtreDateDepart:rechercheDateDebut">{{ depart.tra_start_date }}</li>
        </ul>
    </div>
</div>

CSS

</style> <script src="//code.angularjs.org/1.3.0-beta.7/angular.js"></script> <style>

JavaScript

var app = angular.module('app', []);

//objective: make a filter who display events with date > date give by user
app.filter('filtreDateDepart', function () {
    return function (dateDebut) {
        // Would like todo something like
        // if tra_start_date > dateDebut return dateDebut
        // else return nothing
        return dateDebut;
    };
});

app.controller('eventsCtrl', function () {
    this.dateDepart = [{
        tra_start_date: '2013-01-07'
    }, {
        tra_start_date: '2013-03-03'
    }, {
        tra_start_date: '2013-09-04'
    }, {
        tra_start_date: '2013-11-12'
    }, {
        tra_start_date: '2013-02-01'
    }];
});