首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >DateRangePicker不承认碳排放日期

DateRangePicker不承认碳排放日期
EN

Stack Overflow用户
提问于 2016-04-05 13:04:42
回答 1查看 509关注 0票数 1

使用Vue.js ( Vue-Tables https://www.npmjs.com/package/vue-tables )和laravel.数据正在连续显示,但daterangepicker (http://www.daterangepicker.com/)根本没有排序。不管我设定了什么时间间隔,记录都不会显示。该字段正在用carbon解析,以以所需的格式返回。

代码语言:javascript
运行
复制
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 (Elegant method to generate array of random dates within two dates)的礼貌

代码语言:javascript
运行
复制
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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-07 16:55:04

footage_date应该作为矩实例传递,而不是以日期字符串的形式传递,因此,修改就绪函数就可以做到这一点。

代码语言:javascript
运行
复制
 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))
    }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36427204

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档