Ember.js - Маршрутизация

Question

У меня есть такая проблема: вам нужно создать сборщик дат с указанием URL/год/xxxx/month/yy/day/zz, где xxxx, yy и zz будут годом, месяцем и день выбранной даты.

Этот код для генерации URL индекса страницы:

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')}; 
    } 
}); 

Как создать кнопки, которые меняются год/месяц/день, и где их содержат и обрабатывать-логику?

Answer 1

Мы закончили с помощью этого решения, чтобы выбрать даты в нашем ember.js приложение: http://www.eyecon.ro/bootstrap-datepicker/

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

Потребовались некоторые обновления стиля, но кроме того, что было довольно легко реализовать.