JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<div>오늘은 <span id="nowWeekOfMonth"></span>입니다.</div>

JavaScript

$(document).ready(function() {
  __fn_weekOfMonth(); // 해당 날짜의 주차 
});
// console.log('Week of Year = ' + moment('20211231').isoWeek())

// 해당 날짜의 주차 
function __fn_weekOfMonth() {
  // var nowDate = moment('20210101').format("yyyy년 MM월 DD일 dddd (ddd) ");
  // var nowDateUtc = moment('20210101').utc(true); // 주차계산 : utc(false) = 월요일부터 시작, utc(true) = 일요일부터 시작

  var nowDate = moment().format("yyyy년 MM월 DD일 dddd (ddd) ");
  var nowDateUtc = moment().utc(true);
  var nowWeekOfMonth = weekOfMonth(nowDateUtc) + '주차';

  $('#nowWeekOfMonth').html(nowDate + nowWeekOfMonth);
}

// 해당 날짜의 주 에서 해당 월의 시작 주 를 뺀 수
function weekOfMonth(m) {
  return m.isoWeek() - moment(m).startOf('month').isoWeek() + 1;
}