Edit in JSFiddle

$(function(){
// 配列で処理するデータを設定
var items = new Array();
//タイトル,開始日,終了日,受付中の備考,受付終了後の備考 時刻は月/日/年 時間で設定
	items[0] = new Array("タイトルA", "3/1/2013 9:00:00", "4/5/2024 17:00:00", "詳細はこちら！", "受付は終了しました！");
	items[1] = new Array("タイトルB", "3/1/2013 9:00:00", "3/5/2013 17:00:00", "詳細はお電話で！", "受付は終了しました！");
	items[2] = new Array("タイトルC", "3/1/2013 9:00:00", "4/5/2024 17:00:00", "詳細はメールで！", "受付は終了しました！");
$.each(items,function(i){
	//日付の取得
	var today = new Date();
	//開始日取得
	var start = new Date(items[i][1]);
	//開始日整形
	var syear = start.getFullYear();
	var smonth = start.getMonth()+1;
	var sdate = start.getDate();
	//終了日取得
	var limit = new Date(items[i][2]);
	//終了日整形
	var lyear = limit.getFullYear();
	var lmonth = limit.getMonth()+1;
	var ldate = limit.getDate();
	if(today >= start){
		if(today <= limit){
			$("#table").append("<tr><td>"+items[i][0]+"</td><td>"+syear+"年"+smonth+"月"+sdate+"日</td><td>"+lyear+"年"+lmonth+"月"+ldate+"日</td><td>"+items[i][3]+"</td></tr>");
		}else{
			$("#table").append("<tr class=\"finished\"><td>"+items[i][0]+"</td><td>"+syear+"年"+smonth+"月"+sdate+"日</td><td>"+lyear+"年"+lmonth+"月"+ldate+"日</td><td>"+items[i][4]+"</td></tr>");
		}
	}
});
});

<table id="table">
    <tr>
        <th>タイトル</th>
        <th>受付開始</th>
        <th>受付期限</th>
        <th>備考</th>
    </tr>
</table>

table {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	width:95%;
	margin:10px;
}

table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	font-size:13px;
}
table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	font-size:13px;
}

.finished{
    color:#E3E3E3;
}