-1

我有这样的问题:需要创建一个日期选择器,url为“/year/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')};
  } 
});

如何创建一个更改年/月/日的按钮以及包含它们和句柄逻辑的按钮?

4

1 回答 1

0

我们最终使用这个解决方案在我们的 ember.js 应用程序中选择日期:http ://www.eyecon.ro/bootstrap-datepicker/

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

它需要一些样式更新,但除此之外很容易实现。

于 2013-09-18T20:24:56.653 回答