現時刻とjson(オブジェクト形式)内比較抽出
色々悩んで解決策が見つからず、皆様のご教授を頂きたくよろしくお願いいたします。
【目的】
<Webトップページに現在放映している番組をテキスト表示し、次の番組は、リンク情報無でその下に並べて表示したい>
放映番組表を作成しました、作成時、元となる番組情報をjsonオブジェクト形式データにて作成し、javascritにて、HTML側で取込み表示を行いました。ここまでは、問題なく表示までできました。
色々な方(異動などで変更する場合がある)が、メンテナンスする事を考え、現データを選択しました。
【課題】
元となるjsonデータ内には、ID,開始年月日時分情報,終了年月日時分情報,番組名称(リンク付)
などがあります、それを元にして、今現在の時刻で放映している番組テキストをWebトップページ内のdiv要素内にリアルタイムで表示させたいのです。
【参考までに、番組表は、dhtmlxScheduler_v40_stdをベースに構築しています。】
<サンプルコードを下記に記します>
[{"id":14010501,"start_date":"2014-01-05 06:30","end_date":"2014-01-05 07:00","text":"<a href=\"http://www.yahoo.co.jp/\">番組1</a>","details":"新番組"},
{"id":14010502,"start_date":"2014-01-05 07:00","end_date":"2014-01-05 07:30","text":"<a href=\"http://www.yahoo.co.jp/\">番組2</a>","details":"新番組"},
…
{"id":14010517,"start_date":"2014-01-05 22:00","end_date":"2014-01-05 23:00","text":"<a href=\"http://www.yahoo.co.jp/\">番組11</a>","details":"新番組"},
{"id":14010518,"start_date":"2014-01-05 23:00","end_date":"2014-01-05 23:30","text":"<a href=\"http://www.yahoo.co.jp/\">番組12</a>","details":"新番組"},
{"id":14010519,"start_date":"2014-01-05 23:30","end_date":"2014-01-05 24:00","text":"<a href=\"http://www.yahoo.co.jp/\">番組13</a>","details":"新番組"},
{"id":14010601,"start_date":"2014-01-06 06:30","end_date":"2014-01-06 07:00","text":"<a href=\"http://www.yahoo.co.jp/\">番組14</a>","details":"新番組"},
{"id":14010602,"start_date":"2014-01-06 07:00","end_date":"2014-01-06 07:30","text":"<a href=\"http://www.yahoo.co.jp/\">番組15</a>","details":"新番組"},
{"id":14010603,"start_date":"2014-01-06 07:30","end_date":"2014-01-06 08:00","text":"<a href=\"http://www.yahoo.co.jp/\">番組16</a>","details":"新番組"},
…]
(例)
今現在の年月日時分とjson内を比較検索して、該当の番組情報があったら、そのデータを抽出したいのです。抽出情報としましては下記の情報になります。
1 "start_date":"2014-01-06 07:30",
2 "end_date":"2014-01-06 08:00",
3 "text":"<a href=\"http://www.yahoo.co.jp/\">番組16</a>",
の部分、実際には下記のデータを抽出できればと思います。
1 start_date (放映開始時間)の 07:30
2 end_date (放映終了時間)の 08:00
3 text リンク情報付き番組内容の <a href=\"http://www.yahoo.co.jp/\">番組16</a>
データしては下記のイメージになります。
↓現在放映中の番組
07:30 ~ 08:00
番組16(リンク付)
↓次の放映番組
08:00 ~ 9:00
番組17(リンク無)
となるようにしたいのです。(表示方法は、CSSで対応するつもりです)
このような説明でお分かりいただけますでしょうか。
どうかご教授の程よろしくお願い致します。
お礼
ありがとうございます! 勉強してみます!