Как лучше вывести данные из массива по возрастанию времени?

Question

[Палтос]

К примеру есть массив

plan = [
{"start":"201711292215","end":"201711292345","title":"Право на власть","channel":"1+1 International"},{"start":"201711291300","end":"201711291545","title":"Право на власть","channel":"1+1 International"},{"start":"201711292345","end":"201711300030","title":"Світ навиворіт. Японія","channel":"1+1 International"}
];

Есть функция которая преобразует start и end в JS объект Date

Так вставляю в html, но как сделать что бы было по возрастанию времени

var all = plan.length;
var items = '';
    for (i = 0; i < all; i++) {
var time = inputdate(plan[i].start);
items += '<li><strong>'+time.hour+':'+time.min+'</strong>'+plan[i].title+'</li>';
}
$('ul').html(items);
<ul></ul>

Answer 1

[ой всё]

если время не показываете, то и переводить его в дату нет смысла
сортируете по таймстэмпу

Comments

[Палтос]

Время показываю
for (i = 0; i < all; i++) {
var time = inputdate(plan[i].start);
items += ''+time.hour+':'+time.min+''+plan[i].title+'';
}
Но сортировать буду как написал lemme
только что перед началом сортировки создам отдельный массив сортированный от не сортированного т.к. массив хранится в LocalStorage и каждый раз сортировать перед записью если вдруг какой то элемент удалил или добавил накладно

[ой всё]

Палтос, datatables хорошо работает для таких случаев

[Палтос]

ой всё, Ну да что то интересное ) а он только с таблицами работает ?

[ой всё]

Палтос, все можно назвать таблицей :)
вид настраивается через css
но с таким плагином вам только нужно подготовить для него json и указать что и откуда брать, а не ломать голову над сортировкой

[Палтос]

ой всё, может ещё какие плагины подскажешь ?) попроще, а то там ajaxы разные и тд ) много лишнего

[ой всё]

Палтос, тогда тебе мобилками торговать, если это сложно :)

[Палтос]

ой всё, Много лишнего я имею в виду )

[ой всё]

Палтос, в мобилках зато всё пучком

[Палтос]

ой всё, )) это да) но там документации куча ещё и на английском языке. ладно если бы я часто с таблицами работал, можно было бы изучить ) а тут ради единичного случая перекапывать тонны доков не ахти

[Палтос]

Вроде нормально всё работает), только есть нюанс
columns: [
{ data: function (data) {
var t = inputdate(data.start),
year = t.year,
month = t.month,
day = t.day,
hour = t.hour
min = t.min;
var date2 = year+'.'+month+'.'+day;
var rTime = realtime();
if (day == rTime.day){
date2 = 'Сегодня';
} else if (day == changeday(rTime,'1').day){
date2 = 'Завтра';
}
return hour+':'+min+'
'+date2;
} },
{ data: 'title'},
{ data: 'channel' }
]

В первой колонке сортировка что то не оч работает ) может подскажешь что сделать, если без функции в таком виде 201711292215 то нормально сортируется во возрастанию, с функцией ломается что то ) надо бы как то время в атрибут колонки например засунуть в таком виде 201711292215, а в колонку выводить типа так "22:15
Сегодня" или так "22:15
2017.11.30"

[Палтос]

Пока что нашёл такое решение:
в return подсунуть div с display:none и туда вписать время в таком формате 201711292215
Типа так:

columns: [
{ data: function (data) {
var t = inputdate(data.start),
year = t.year,
month = t.month,
day = t.day,
hour = t.hour
min = t.min;
var date2 = year+'.'+month+'.'+day;
var rTime = realtime();
if (day == rTime.day){
date2 = 'Сегодня';
} else if (day == changeday(rTime,'1').day){
date2 = 'Завтра';
} 
return '<div style="display:none">'+data.start+'</div>'+hour+':'+min+'
'+date2;
} },
{ data: 'title'},
{ data: 'channel' }
]

Хз правильно ли это, но это работает)
теперь ещё одна проблема, есть некий таймер, он сверяет данные времени из массива с реальным временем, и если время пришло или не пришло то ставит соответствующий статус. И как быть с обновлением данных в таблице ?) каждый раз её перерисовывать ?))