Jscriptでjsoｎを記載する方法

前提・実現したいこと

以下のjavascriptでsetSchedules()内をCSVから読み込んで
日付とコメントをスケジュール上に反映したいのですが、
そこまで技術がないので、JSONに出来ればコード記述も
楽なのかなと思い、JSONにしようかと思っていますが、
記述方法がまったく分かりません。

また、以下のjavascript　<div id="divSdlCal"></div>　で記載して
いる　<input type="text" name="dateInput" value="">
をなくすと、カレンダー自体も消えてしまいます。
（<input type="text" name="dateInput" value="">はいらないのですが）

こちらもどうしたらいいかさっぱり分からないので、
両方共にどう記載するのかを教えてもらえますと幸いです。

宜しくお願い致します。

該当のソースコード

lang
1<html lang="ja">
2 <head>
3  <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
4  <meta http-equiv="Content-Style-Type" content="text/css">
5  <meta http-equiv="Content-Script-Type" content="text/javascript">
6  <title>カレンダー型スケジュール帳</title>
7  <style type="text/css">
8  <!--
9table.cal{
10  border: 4px solid #cc8066;
11  border-collapse: collapse;
12  background-color: #fff9f6;
13  font-size: 12pt; 
14  color: #993333;
15}
16tr.caltr   { vertical-align:top; height:120px; }
17td.today   { border:2px solid #cc8066; width:160px; background-color:#e6fff6; }  /* 今日のセルオプション */
18td.holiday { border:2px solid #cc8066; width:160px; background-color:#ffe6e6; }  /* 日曜・祝日のセルオプション */
19td.saturday{ border:2px solid #cc8066; width:160px; background-color:#e6e6ff; }  /* 土曜のセルオプション */
20td.usualday{ border:2px solid #cc8066; width:160px; }  /* なんでもない日のセルオプション */
21td.sun{ border:2px solid #cc8066; background-color:#f9d9c3; color:#ff0000; }  /* １列目日曜のセルオプション */
22td.sat{ border:2px solid #cc8066; background-color:#f9d9c3; color:#0000ff; }; /* １列目土曜のセルオプション */
23td.mon{ border:2px solid #cc8066; background-color:#f9d9c3; }  /* １列目月曜～金曜のセルオプション */
24
25/* スケジュール用に独自クラスを定義してもよし */
26.birthday{ border:2px solid #cc8066; width:80px; background-color:#ff6699; color:white; }
27  -->
28  </style>
29  <script type="text/javascript">
30  <!--
31/* user configration */
32MAXEVENT = 50;  //祝日＋予定最大数
33SHOWWEEK = 6;   //何週表示するか
34
35weekTable = new Array("sun","mon","tue","wed","thu","fri","sat");  //1列目
36
37/*** スケジュール登録 notice ***
38  予定はsetSchedules()に書く．
39  newSchedule( 年，月, 日，"td セルオプション", "予定" );
40  ・日
41    －calDate( 年, 月, 週, 曜日0(sun)..6(sat))を使えば，
42      第n×曜日 形式の指定も可能です．
43  ・td セルオプション <td ここ>
44    －指定なしは""で．
45    －悪いがフォントカラーはスタイルシート("style='color:white'")で指定してくれ．
46    －同じ日に複数登録したりすると効かない事があるから注意．
47  ・"予定"
48    －HTMLタグ使えます．
49  ・祝日とあわせてMAXEVENT件までスケジュールを設定可能
50*** notice スケジュール登録 ***/
51function setSchedules(){
52  
53  //サンプル予定
54  newSchedule( 2004, 10, 1, "", "授業開始<br>" );
55  newSchedule( 2004, 10, 8, "", "<div style='background-color:yellow;'><font color='red'>Ｇ票提出期限</font></div>" );
56  newSchedule( 2004, 12, 21, "", "<span style='background-color:#00ffff; color:blue'>17:00 演習IIレポ2〆切</span><br>" );
57  newSchedule( 2004, 12, calDate(2004, 12, 3, 0), "", "掃除当番<br>" ); //12月第3日曜日
58  newSchedule( 2004, 10, 13, "class = 'birthday'", "奈久留ちゃん誕生日<br>" );
59  newSchedule( 2004, 12, 7, "class = 'birthday'", "鳩子ちゃん誕生日<br>" );
60}
61  // -->
62  </script>
63  <script type="text/javascript" src="sdlcal_css.js"></script>
64 </head>
65 <body bgcolor="#ffffff">
66<div align="center">
67<font size="+1"><strong>カレンダー型スケジュール帳 </strong></font><br>
68　<br>
69<!-- ここからカレンダー -->
70<div id="divSdlCal"></div>
71<form name="formSdlCal" action="javascript:showCalendar(new Date(document.formSdlCal.dateInput.value));">
72<input type="button" value="＜＜" onclick="showCalendar(moveDate(baseDate,-7*(SHOWWEEK-1)))">
73<input type="button" value=" ＜ " onclick="showCalendar(moveDate(baseDate,-7))">
74<input type="button" value="今日" onclick="showCalendar(new Date())">
75<input type="button" value=" ＞ " onclick="showCalendar(moveDate(baseDate,7))">
76<input type="button" value="＞＞" onclick="showCalendar(moveDate(baseDate,7*(SHOWWEEK-1)))">
77<br>
78<input type="text" name="dateInput" value="">
79</form>
80<script type="text/javascript"><!--
81// showCalendar(dateクラス 引数の例)
82//  今週から表示           new Date()
83//  2004/1/24の週から表示  new Date(2004,0,24) 月は１引く事．
84//  7日前の週から表示      moveDate(new Date(), -7)
85//  今週が最後になる       moveDate(new Date(), -7*(SHOWWEEK-1))
86//     showCalendar(dateクラス 引数の例)
87showCalendar(new Date()); //起動時にこれで表示
88// --></script>
89<!-- ここまでカレンダー -->
90</td></tr></table>
91</body>
92</html>