将 from_date 和 to_date 拆分为日期范围数组列表

IT技术 javascript reactjs ecmascript-6 momentjs
2021-05-07 23:07:40

我怎样才能从这个数组转换 

[
    {
        "date_from": "2017-05-06 00:00:00",
        "date_to": "2017-05-08 23:59:59",
        "event": "code jam"
    },
    {
        "date_from": "2017-05-03 00:00:00",
        "date_to": "2017-05-07 23:59:59",
        "event": "boxing day"
    }
]

到这个？

[
..
..
{date: '2017-05-06', state:{name:'San francisco'}},
{date: '2017-05-07', state:{name:'San francisco'}},
{date: '2017-05-08', state:{name:'San francisco'}},
..
..
]

我不知道从哪里开始。我得到了一个无法更改其结构的 API，我需要数据位于日期范围列表中，以便我可以使用日历插件进行映射。需要帮忙。

3个回答

首先，迭代事件，然后循环事件日期并存储这些日期的事件：

var output=input.reduce(function(obj,event){
   for(var day=Math.floor(+new Date(event.date_from)/(1000*60*60*24)+1),max=Math.floor(+new Date(event.date_to)/(1000*60*60*24));day<=max;day++){
       (obj[day]=obj[day]||[]).push(event);
   }
 return obj;
},{});

然后从该对象中创建一个数组（并缩短日期）：

Date.prototype.format=function(str){
var map={
  dd:this.getDate(),
  mm:this.getMonth()+1,
  yyyy:this.getFullYear()
}
return str.split("-").map(el=>map[el]||"00").join("-");
}


var arr=[];
for(key in output){
  arr.push({date:new Date(key*1000*60*60*24).format("dd-mm-yyyy"),events:output[key]});
}
console.log(arr);

http://jsbin.com/jonaqefaxu/edit?console

您可以使用前一个数组中的数据创建新数组。

 var data = [{
        "date_from": "2017-05-06 00:00:00",
        "date_to": "2017-05-08 23:59:59",
        "event": "code jam"
      },
      {
        "date_from": "2017-05-03 00:00:00",
        "date_to": "2017-05-07 23:59:59",
        "event": "boxing day"
      }
    ];

    var newData =[]
    data.forEach(function(item){
      newData.push({
      date:item['date_from'].slice(0, -9), // removing characters from last
      state:{
      name:'Some State'}
      })             

    });
    console.log(newData)

var data = [
    {
        "date_from": "2017-05-06 00:00:00",
        "date_to": "2017-05-08 23:59:59",
        "event": "code jam"
    },
    {
        "date_from": "2017-05-03 00:00:00",
        "date_to": "2017-05-07 23:59:59",
        "event": "boxing day"
    }
];

var transformedData = data
  .map(datum => [{date: datum.date_from.substr(0, 10)}, {date: datum.date_to.substr(0, 10)}])
  .reduce((allItems, items) => allItems.concat(items), [])
  .map(item => ({date: item.date, state: {name:'San francisco'}}));

console.log(transformedData);

其它你可能感兴趣的问题
上一篇如何在react-naive中获取onPress中的Text组件值 下一篇使用 React Router 根据查询参数重新加载具有状态的路由