2016-04-05 12 views
1

laravelでVue.js(Vue-Tables https://www.npmjs.com/package/vue-tables)を使用しています。 データは正常に表示されていますが、daterangepicker(http://www.daterangepicker.com/)はまったくソートされていません。設定した間隔に関係なく、レコードは表示されません。フィールドには、私がdateFormat: "DD-MM-YY",filterByColumn: true,dateColumns: ['footage_date'],を持って、必要な形式でのjsファイルでDateRangePickerは炭素日付を認識しません

public function getFootageDateAttribute($date) 
{ 
    return Carbon::parse($date)->format('d-m-Y'); 
} 

を返すために、炭素と解析されています。私はVUEのDEV-ツールで検査したとき、私は

トマシュNurkiewicz(Elegant method to generate array of random dates within two dates

function randomDate(start, end) { 
    return moment(start.getTime() + Math.random() * (end.getTime() - start.getTime())); 
} 

の//礼儀を使用して(https://jsfiddle.net/matfish2/f5h8xwgn/)の例のように日付をハードコーディングした場合、フィールドはfootage_date: "03-04-2016"

です日付はこの形式のfootage_date: "1974-03-27T18:19:40.364Z"であり、動作します。

フルjsファイルのペーストビンhttp://pastebin.com/6hCe2eQL。クライアント側http://pastebin.com/xTUcAK98

答えて

0

footage_dateは、従って、レディ機能を変更すると、それに

ready: function(){ 
     this.$http.get('/api/footage') 
      .then(function(response){ 
       footages = response.data 
       footages.forEach(footage => { 
        footage.footage_date = moment(footage.footage_date) 
       }) 
       this.tableData = footages 
      }.bind(this)) 
    } 
をした、瞬間のインスタンスとしてではなく、日付文字列として渡されることになりました。
関連する問題