https://www.regal.co.jp/cms/js/articles_list_event_date.js

1/* =====================開催日と終了日によってアイコン出し分け============================ */
2jQuery(function(){
3	if(jQuery('.common-articles-list-event-date').length) {
4
5		//今日の日付
6		let today = new Date();
7		let CurrentYear = today.getFullYear();
8		let CurrentMonth = ("0" + (today.getMonth() + 1)).slice(-2);
9		let CurrentDate =  ("0" + today.getDate()).slice(-2);
10		let today_format = CurrentYear + '/' + CurrentMonth + '/' + CurrentDate;
11		let today_format_cat = today_format.replace(/[\/]/g, ''); //スラッシュを削除
12
13		jQuery('.common-articles-list-item-inner > li').each(function() {
14	        
15			//開催日
16			let event_date = jQuery(this).find('.common-articles-list-event-date-hold').text();
17			let event_date_format = event_date.replace(/[\/]/g, ''); //スラッシュを削除
18
19			//終了日
20			let end_date = jQuery(this).find('.common-articles-list-event-date-end').text();
21			let end_date_format = end_date.replace(/[\/]/g, ''); //スラッシュを削除
22			
23			//条件分岐
24	   		if(event_date_format == ''){
25				if(end_date_format == ''){
26					//開催日と終了日のどちらも入力がない場合
27					jQuery(this).find('.result').append('入力なし');
28				}else{
29					//終了日のみ入力がある場合
30					if(end_date_format < today_format_cat){
31						jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-end">終了</div>');
32					}else if(end_date_format == today_format_cat){
33						jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-hold">開催中</div>');
34					}else{
35						jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-hold">開催中</div>');
36					}
37				}
38			}else{
39		        if(end_date_format == ''){
40					//開催日は入力あるけど終了日の入力がない場合
41					if(event_date_format <= today_format_cat){
42						jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-hold">開催中</div>');
43					}else{
44						jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-yokoku">予告</div>');
45					}
46				}else{
47					//どちらも入力がある場合
48			        if(event_date_format == today_format_cat){
49						if(end_date_format == today_format_cat || end_date_format > today_format_cat){
50							jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-hold">開催中</div>');
51						}
52					}else if(event_date_format < today_format_cat){
53				        if(end_date_format == today_format_cat){
54							jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-hold">開催中</div>');
55						}else if(end_date_format < today_format_cat){
56							jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-end">終了</div>');							
57						}else{
58							jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-hold">開催中</div>');							
59						}
60					}else if(event_date_format > today_format_cat){
61						if(end_date_format > today_format_cat){
62							jQuery(this).find('.common-articles-list-event-date-inner').before('<div class="common-articles-list-event-date-icon common-articles-list-event-date-icon-yokoku">予告</div>');
63						}
64					}
65				}
66			}
67		});		
68	}
69});