DateRangePicker 无法识别碳日期

Question

将 Vue.js (Vue-Tables https://www.npmjs.com/package/vue-tables ) 与 laravel 结合使用。数据显示成功，但daterangepicker（http://www.daterangepicker.com/）根本没有排序。无论我设置什么间隔，记录都不会显示。该字段正在以所需格式 carbon 解析为 return

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

在 js 文件中，我有 dateFormat: "DD-MM-YY", filterByColumn: true, dateColumns: ['footage_date'], 。当我用 vue dev-tools 检查时，字段是 footage_date: "03-04-2016"

如果我使用

硬编码示例 ( https://jsfiddle.net/matfish2/f5h8xwgn/ ) 中的日期

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

日期采用这种格式footage_date: "1974-03-27T18:19:40.364Z"并且有效。

完整 js 文件的 Pastebin http://pastebin.com/6hCe2eQL . Client side http://pastebin.com/xTUcAK98

Answer 1

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

DateRangePicker 无法识别碳日期

DateRangePicker doesn't recognise carbon date

laravel

vue.js

php-carbon

daterangepicker

vue-resource