今週の水曜日と来週の水曜日の日にちを表示させたい

日本語 ディスカッション 技術的なQ＆A
3

@Jizo_Inagaki のおっしゃるとおり、liquidテンプレートで出力すると、キャッシュが表示（昔の状態で表示）することがあるので、この場合はJavaScriptで表示するのがよさそうです！

今週の水曜日等の日付計算はライブラリにまかせて、フォーマット部分は自分で書くとよさそうです！
サンプルは以下です！

※ 以下は day.js を読み込んだ場合のサンプルです

// 今週の日曜日
const thisSunday = dayjs().startOf('week')
// 今週の水曜日
const thisWednesday = thisSunday.add(3, 'day')
// 来週の水曜日
const nextWednesday = thisWednesday.add(7, 'day')

// 結果の確認
console.log(formatDate(thisWednesday.toDate()))
console.log(formatDate(nextWednesday.toDate()))

function formatDate(date) {
  const option = { year: 'numeric', month: 'numeric', day: 'numeric', weekday: 'long', timezone: 'Asia/Tokyo'}
  const res = new Intl.DateTimeFormat('ja-JP', option).formatToParts(date)
  const year = (res.find(r => r.type === 'year')).value
  const month = (res.find(r => r.type === 'month')).value
  const day = (res.find(r => r.type === 'day')).value
  const weekday = (res.find(r => r.type === 'weekday')).value
  return `${year}-${month}-${day} ${weekday}`	
}
3 Likes