年月日数据转换成三级联动数组

每条数据结构如下：

{
    id: 2,
    year: "2016",
    month: "09",
    day: "19",
    time_name: "下午班",
    time_range: "14:00-17:00"
},

需要根据里面的年月日数据转为如下的联动效果，暂时还没有想到比较好的循环把他们弄成像省市区联动那样的数据结构，因为毕竟有3个维度。有什么比较好的解决方法吗？

回复内容：

每条数据结构如下：

{
    id: 2,
    year: "2016",
    month: "09",
    day: "19",
    time_name: "下午班",
    time_range: "14:00-17:00"
},

需要根据里面的年月日数据转为如下的联动效果，暂时还没有想到比较好的循环把他们弄成像省市区联动那样的数据结构，因为毕竟有3个维度。有什么比较好的解决方法吗？

用代码逐条过滤太麻烦,建议使用 web sql,可以搜索一下相关的文章
或者可以看看这篇 html5本地存储