2016-04-05 25 views
1

Vue.js'yi (Vue-Tablolar https://www.npmjs.com/package/vue-tables) laravel ile kullanma. Veriler başarıyla görüntüleniyor, ancak daterangepicker (http://www.daterangepicker.com/) hiç sıralamamıyor. Hangi aralığı ayarladığım önemli değil, kayıtlar görüntülenmeyecek. Alan js dosyasında gerekli formattaDateRangePicker, karbon tarihini tanımaz.

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

dönmek üzere karbon ile çözümlenen ediliyor, ben dateFormat: "DD-MM-YY",filterByColumn: true,dateColumns: ['footage_date'], var. Ben vue dev-araçlarıyla incelemek zaman Tomasz Nurkiewicz ait

// Nezaket (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())); 
} 

kullanılarak örneğin (https://jsfiddle.net/matfish2/f5h8xwgn/) gibi tarihi hardcode, alan footage_date: "03-04-2016"

olduğunu tarih footage_date: "1974-03-27T18:19:40.364Z" biçimindedir ve çalışır.

Tam js dosyasının yapıştırıcısı http://pastebin.com/6hCe2eQL. hazır fonksiyonunu değiştirerek footage_date nedenle randevu değil dizesi olarak bir an örneği olarak geçirilen gerekiyordu http://pastebin.com/xTUcAK98

cevap

0

İstemci tarafı, o

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)) 
    } 
yaptı
İlgili konular