-1

私はそのような問題を抱えています: URL「/年/xxxx/月/yy/日/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 に答える