以下のスクリプトで自己解決いたしました。
なお、期間フィールドにはidに「kikan」を設定し、
ショッピングカートフィールドの販売期間外ラベルに「予約」を設定しています。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js">
</script>
<script type="text/javascript">
window.onload = function onLoad() {
var kikans = document.getElementById("kikan");
var timeB = kikans.getElementsByTagName("time");
var SDTT = timeB[0].getAttribute("datetime");
var SDTTS = SDTT.split("-");
var startDate = new Date(SDTTS[0], SDTTS[1], SDTTS[2]);
var EDTT = timeB[1].getAttribute("datetime");
var EDTTS = EDTT.split("-");
var endDate = new Date(EDTTS[0], EDTTS[1], EDTTS[2]);
// Get the current date at midnight.
var now = new Date();
var todayAtMidn = new Date(now.getFullYear(), now.getMonth(), now.getDate());
// Compare the two dates by comparing the millisecond
if (todayAtMidn.getTime() > startDate.getTime() &&
todayAtMidn.getTime() < endDate.getTime()) {
$("td.price div:nth-child(2) span").append("<span></span>");
}else if (todayAtMidn.getTime() < startDate.getTime()){
$("td.price div:nth-child(2) span").append("<span>開始までお待ちください</span>");
}else if (todayAtMidn.getTime() > endDate.getTime()){
$("td.price div:nth-child(2) span").append("<span>期間終了</span>");
}else{
$("td.price div:nth-child(2) span").append("<span>error</span>");
}
}
</script>
実際の適用結果はこのようになります。
http://octacore.egoism.jp/roukyoku_cmonos/cgi/cal/start.cgi?m=DetailViewer&n=1433927944&v=m