moment.js 日本語表示

In this example below you will see how to do a moment.js 日本語表示 with some HTML / CSS and Javascript

This awesome code was written by moonglows76, you can see more from this user in the personal repository.
You can find the original code on
Copyright moonglows76 ©


  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>moment.js 日本語表示</title>
    <link rel="stylesheet" href="">

      <link rel="stylesheet" href="css/style.css">



  <div id="now_jpn"></div>
<div id="now_pst"></div>
  <script src=''></script>
<script src=''></script>
<script src=''></script>


    <script  src="js/index.js"></script>



/*Downloaded from */
div {
  line-height: 2;

/*Downloaded from */
let now_jpn = moment();
let nowWork = new Date();
let nowDay = nowWork.getDay();
let now_jpn_fix = "日本時間 " + now_jpn.add(7 - nowDay,"days").format("YYYY年MM月DD日(ddd) HH:mm:ss");

// 米国太平洋時間(PST)
let now_pst = now_jpn.add(-17, "hours"); // 日本時間から17時間を引く
let now_pst_fix = "米国太平洋時間 " + now_pst.format("YYYY年MM月DD日(ddd) HH:mm:ss");