Question

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

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文件http://pastebin.com/6hCe2eQL的Pastebin。客户端http://pastebin.com/xTUcAK98

Answer 1

应该将footage_date作为片刻实例传递，而不是作为日期字符串传递，因此，修改ready函数就可以了

 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不识别碳日期

1 个答案: