読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

jQueryでCSVを読み込んでテーブルに表示させることができずにハマる。

jQuery
<スポンサーリンク>

こんな感じでサンプルを作っていたんだけれど、ハマる。

<!DOCTYPE html>
<html lang="ja">
<head>
<title>jQueryでCSVデータを読み込んで表示させる</title>
<meta charset="utf-8">
<link rel="stylesheet" href="jquery-ui-1.9.2.custom/css/ui-lightness/jquery-ui-1.9.2.custom.css">
<script type="text/javascript" src="jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js"></script>
<script language="JavaScript">
$(function() {
	var targetDate;
	function showData(csvData) {
		var CR = String.fromCharCode(13);
		var line = csvData.split(CR);

		for (i = 1; i <= line.length; i++) {
			var data = line[i-1].split(",");
			for (j = 0; j < 5; j++) {
				$("#t1 tr:eq(" + i + ") td:eq(" + j + ")").text(data[j]);
			}
			
		}
	}

	function getCSV(day) {
		$("#dayText").text(day + "の株価");
		targetDate = day;
		$("#t1 td").empty();
		var ymd = day.split("/");
		var url = "stock.csv";
		$.get(url,{},showData);
	}

	var date0610 = new Date(2013,6,10);
	$("#calender").datepicker({
		dateFormat:"yy/mm/dd" ,
		defaultDate:date0610 ,
		dayNameMin:["日","月","火","水","木","金","土"] ,
		monthName:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"] ,
		onSelect:getCSV
	});
});
</script>
</head>
<body>
<h1>AjaxでCSVデータを読み込む</h1>
<p>カレンダーから日付を選択すると、その日の株価データを表示します</br>
<strong>2013/06/01〜2013/06/28</strong>の期間から日付を選択してください<br>
<div id="calender"></div>

<p class="tableTitle" id="dayText">※日付を選択してください</p>
<table border="1"  width="500" id="t1">
<tr><th class="stock">日付</th><th class="stock">始値</th><th class="stock">高値</th><th class="stock">安値</th><th class="stock">終値</th>
<tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr>
<tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr>
<tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr>
</table>

</body>
</html>

読もうとしているCSVはこれで、

2013/06/01,13383.92,13724.44,13354.7,13677.32
2013/06/02,12968.72,13213.55,12873.5,13213.55
2013/06/03,13152.75,13189.84,12826.51,12834.01
2013/06/04,13081.62,13234.89,12758.22,12969.34
2013/06/05,13417.54,13426.13,13026.23,13062.78

カレンダーで指定したものだけ表示させたいんだけど、うまくif文でtrueに入らず断念した。
読み込んでCSVをデータに分割して、テーブルに表示することはできたんだけど。
このサンプルはその状態のもの。
悔しいけど、別のこともやらなきゃ。

感謝のプログラミング

今回で感謝のプログラミングは【488時間目】
10000時間まで、あと【9512時間】