いつもお世話になっております。
表題の詳細ですが、
下記のようなテーブルがあり、条件によって
カスタムデータ属性の属性値変わるようにしています。
・今の日時(new Date();)と日時列を比較し、過去か当日か未来かを判定し、判定列の値によってカスタムデータ属性をつける。
・列数は固定ですが、行数はその時によって変化します。
html
1<table> 2 <tr> 3 <th>見出し</th> 4 <th>名前</th> 5 <th>日時</th> 6 <th>判定</th> 7 </tr> 8 <tr> 9 <td>テスト01</td> 10 <td>テスト太郎</td> 11 <td class="cf_16">2020/03/01</td> 12 <td class="cf_18">未</td> 13 </tr> 14 <tr> 15 <td>テスト02</td> 16 <td>テスト次郎</td> 17 <td class="cf_16">2020/03/05</td> 18 <td class="cf_18">済</td> 19 </tr> 20 <tr> 21 <td>テスト03</td> 22 <td>テスト三郎</td> 23 <td class="cf_16">2020/03/10</td> 24 <td class="cf_18">未</td> 25 </tr> 26</table>
javascript
1$(function() { 2 $('td.cf_16').each(function() { 3 var text = $(this).text(); 4 var time = Date.parse(text); 5 var day1 = new Date(time); 6 7 var y_day1 = day1.getFullYear(); 8 var m_day1 = day1.getMonth()+1; 9 var d_day1 = day1.getDate(); 10 11 var today = new Date(); 12 var y_today = today.getFullYear(); 13 var m_today = today.getMonth()+1; 14 var d_today = today.getDate(); 15 16 var deposit = $('td.cf_18').text(); 17 console.log(deposit); 18 console.log(text); 19 20 if(deposit == "未"){ 21 if(y_today == y_day1){ 22 23 if(m_today == m_day1){ 24 if(d_today == d_day1){ 25 $(this).attr("data-time", "same"); 26 }else if(d_today > d_day1){ 27 $(this).attr("data-time", "late"); 28 }else if(d_today < d_day1){ 29 var deposit = $('td.cf_18').text(); 30 $(this).attr("data-time", "early"); 31 } 32 }else if(m_today > m_day1){ 33 $(this).attr("data-time", "late"); 34 }else if(m_today < m_day1){ 35 $(this).attr("data-time", "early"); 36 } 37 }else if(y_today > y_day1){ 38 $(this).attr("data-time", "late"); 39 40 }else if(y_today < y_day1){ 41 $(this).attr("data-time", "early"); 42 } 43 }else{ 44 $(this).attr("data-time", "none"); 45 } 46 47 48 }) 49 50}) 51
上記の場合、
console.logを確認すると「未済未」「2020/03/01」というような状態で出力されます。
よって、deposit == "未"がelseに分岐するのですが、
console.log(deposit);はくっついた状態で変数に入るのに対して
console.log(text);は1つのみ変数に入っているのはなぜでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/27 05:42
2020/02/27 05:43
2020/02/27 05:46