Ember.js - Routing

Question

J'ai un tel problème: besoin de créer un sélecteur de date, avec l'url "/ année/xxxx/mois/yy/jour/zz, où xxxx, yy et zz seraient l'année, mois et jour de la date sélectionnée.

Ce code est pour générer url de la page d'index:

App.Router.map(function() { 
    this.resource('years', {path: '/'},function(){ 
    this.resource("year", { path: "/year/:year_id" }, function() { 
    this.resource("month",{path:"/month/:month_id"},function(){ 
     this.resource("day",{path:"/day/:day_id"}); 
    }); 
    }); 
    }); 
}); 

App.YearsRoute = Ember.Route.extend({ 
    redirect: function(param) 
    { 
    var rec =App.Model.createRecord({ 
     year:2013, 
     month:8, 
     day:28, 
     id:1 
    }); 
    this.transitionTo('year',rec); 
    } 
}); 

App.YearRoute = Ember.Route.extend({ 
    redirect:function(param){ 
    this.transitionTo('month',param); 
    }, 
    serialize:function(param){ 
    return {year_id: param.get('year')}; 
    } 
}); 

App.MonthRoute = Ember.Route.extend({ 
    redirect:function(param) 
    { 
    this.transitionTo('day',param); 
    }, 
    serialize:function(param){ 
    return {month_id:param.get('month')}; 
    } 
}); 

App.DayRoute = Ember.Route.extend({ 
    serialize:function(param){ 
    return {day_id:param.get('day')}; 
    } 
}); 

Comment créer un des boutons qui changent année/mois/jour et où les contiennent et poignée logique?

Answer 1

Nous avons fini par utiliser cette solution pour choisir les dates dans notre application ember.js: http://www.eyecon.ro/bootstrap-datepicker/

https://github.com/eternicode/bootstrap-datepicker

Il a fallu quelques mises à jour de style mais autre que celui était assez facile à mettre en œuvre.