現在の日付と連動して賞味期限の残り日数を1日ずつ減らしいく表示をさせたいです
Q&A
Closed
解決したいこと
プログラミング初学者です。Ruby on Railsで賞味期限の残り日数を現在の日付に連動する1日ずつ減っていく表示にさせるアプリを作りたいです。
1日経つと残り●日が1日ずつ減るイメージです。時間までは表示せず日付だけを考えてます。現在、残り日数は購入日と賞味期限の差分です。
賞味期限から現在の日付の差分を１ずつ減らすイメージでしょうか？
railsでの一からの作り直しも検討してます。
該当するソースコード
window.addEventListener('load', () => {
const arrjsonInput = document.getElementById("arr_json");
for (let i = 0; i < arrjsonInput.value ; i++) {
const purchaseInput = document.getElementById("purchase-date"+i);
const expirationInput = document.getElementById("expiration-date"+i);
const purchaseDate = new Date(purchaseInput.innerHTML);
const expirationDate = new Date(expirationInput.innerHTML);
const daysLeft = document.getElementById("days-left"+i);
daysLeft.innerHTML = (Math.floor( (expirationDate.getTime() - purchaseDate.getTime()) / ( 1000 * 60 * 60 * 24 )));
}
});
<main class="main">
<div class="inner">
<div class="card__wrapper">
<input id="arr_json" type="hidden" value="<%= @items.length %>" class='arr_json'/>
<% @items.each_with_index do |item, i| %>
<div class="content">
<div class="image-content">
<%= link_to image_tag(item.image.variant(resize: '200x200'), class: :card__img ), item_path(item) %>
</div>
<div class="sub-content">
<span>購入日</span>
<div id="purchase-date<%=i %>"> <%= item.purchase_date %></div>
</div>
<div class="sub-content">
<span>賞味期限</span>
<div id="expiration-date<%=i %>"><%= item.expiration_date %></div>
</div>
<div class="daysleft-content">
<span>残り<span id="days-left<%=i %>"></span>日</span>
</div>
<div class="nickname-content">
<%= link_to "by #{item.user.nickname}", root_path, class: :card__user %>
</div>
</div>
<% end %>
</div>
</div>
</main>
自分で試したこと
どのような解決法があるか検討もつきません。
railsだとdowntoとDateクラスを組み合わせるのでしょうか？
なにかヒントになるような事があれば宜しくおねがいします！
0
