CINXE.COM
取引先の人事情報をチェック! 日経人事ウオッチ、初めての方は無料体験
<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <meta charset="UTF-8"> <title>取引先の人事情報をチェック! 日経人事ウオッチ、初めての方は無料体験</title> <meta name="description" content="日経人事ウオッチのお申し込み・料金はこちら。官公庁や企業の人事情報をメールで自動でお知らせ。日本経済新聞の記事をはじめ、約7,400社以上の人事異動情報をカバーします。営業や秘書など得意先の人事情報を見逃せない方に利用される人事情報サービス。"> <meta name="keywords" content="日本経済新聞,日経,電子版,新聞,人事,異動,ニュース,日経人事ウオッチ,読者割"> <meta name="author" content="Nikkei, Inc./ https://www.nikkei.com/"> <meta name="robots" content="noodp"> <meta name="viewport" content="width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="format-detection" content="telephone=no"> <meta property="og:title" content="まずは1カ月無料体験!日経人事ウオッチで取引先の人事情報をチェックしよう。"> <meta property="og:description" content="日経人事ウオッチのお申し込み・料金はこちら。官公庁や企業の人事情報をメールで自動でお知らせ。日本経済新聞の記事をはじめ、約7,400社以上の人事異動情報をカバーします。営業や秘書など得意先の人事情報を見逃せない方に利用される人事情報サービス。"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.nikkei.com/promotion/service/jinji/"> <meta property="og:image" content="https://www.nikkei.com/promotion/service/jinji/common/img/ogp.png"> <meta property="fb:app_id" content="251786001504345"> <link rel="stylesheet" href="common/css/common.css"> <link rel="shortcut icon" type="image/x-icon" href="common/img/favicon.ico"> <link rel="canonical" href="https://www.nikkei.com/promotion/service/jinji/"> <script type="text/javascript" src="//partsa.nikkei.com/parts/js/ab/Rtoaster.js"></script> <script type="text/javascript"> Rtoaster.init("RTA-11f6-2891c82c231b", Rtoaster.Cookie.get("NID-Serial-Cookie")); Rtoaster.track(); </script> <script src="//assets.adobedtm.com/43692acb8f62beca52063bd53825dcc138f4617b/satelliteLib-5c5bf17f3c932023dd8120e08fd39f91eaf31a9b.js"></script> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NLMX6SG');</script> <!-- End Google Tag Manager --> </head> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLMX6SG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- wrapper --> <div id="wrapper" class="wrapper"> <!-- header --> <header class="header" role="banner"> <div class="header-in"> <div class="header-logoBox"> <p class="header-logo"> <a class="header-logo-link" href="https://www.nikkei.com/promotion/service/jinji/" target="_blank"><img class="header-logo-img" src="common/img/logo.svg" alt="日経人事ウオッチ"></a> </p> </div> <ul class="anchorList"> <!-- <li><a href="#conversion">新機能</a></li> <li><a href="#service">主な機能</a></li> <li><a href="#casestudy">活用事例</a></li> <li><a href="#pre-free-guide">キャンペーン</a></li> <li><a href="#qa">注意事項</a></li> --> </ul> <div class="header-utility"> <ul class="header-list"> <li class="header-list-item header-btn"> <a class="btn btn-pc js-scroll" href="#pre-free-guide"> <span class="btn-in btn-in--block btn-in--apply"> <span class="header-btn-txt-01">無料体験に</span> <span class="header-btn-txt-02">申し込む</span> </span> </a> <a class="btn btn-sp js-scroll" href="#pre-free-guide"> <span class="btn-in btn-in--block btn-in--apply"> <span class="header-btn-txt-01">無料体験に</span> <span class="header-btn-txt-02">申し込む</span> </span> </a> </li> <li id="login" class="header-list-item" style="flex: 0 0 auto;"> <a class="header-list-link" href="https://www.nikkei.com/etc/accounts/login?dps=8&url=https%3A%2F%2Fwww.nikkei.com%2Fjinji%2F">ログイン</a> </li> </ul> </div> </div><!-- /header-in --> </header><!-- /header --> <!-- contents --> <div class="contents"> <main role="main" class="main"> <!-- hero --> <div class="hero"> <div class="hero-in"> <div class="hero-logo"> <span class="hero-logo__item"><img class="hero-logo-img" src="common/img/logo_w.svg" alt="日経人事ウオッチ" /></span> <p class="hero-logo__labels"> <span class="hero-logo__label __primary">まずは1カ月無料体験!</span> <span class="hero-text-note" style="display: inline-block; font-size: 11px; color: #fff; margin-left: 8px;">※適用条件あり</span> </p> </div> <div class="hero-text hero-text--3"> <p> <span class="hero-text-read hero-text-pc __none-spaced">得意先の企業や氏名を登録して</span> <span class="hero-text-read hero-text-sp">得意先の情報を登録して</span><br> <span class="hero-text-read">見落とせない人事情報を</span><br aria-hidden="true" class="hero-text-read--d-n-pc"> <span class="hero-text-read">確実にチェック ! </span> </p> <p class="hero-text-link hero-text-link-pc"><a class="hero-link" href="https://www.nikkei.com/jinji/all/" target="_blank" rel="noopener">実際の画面はこちら</a></p> </div> <!-- /hero-text --> </div> <!-- /hero-in--> <div class="hero-sub"> <h2 class="hero-sub-title"> <!-- 春割実施中 --> <p class="hero-sub-link"><a class="hero-link" href="https://www.nikkei.com/jinji/all/" target="_blank">実際の画面はこちら</a></p> </h2> </div> </div> <!-- /hero --> <!-- mod-watch --> <section id="conversion" class="sec-watch"> <h2 class="ttl-00">人事ウオッチとは <!-- <p><span class="ttl-00__label">新機能が追加されました</span></p> --> </h2> <div class="watch-wrap __release"> <div class="mod-watch"> <article class="mod-watch-item"> <h3 class="mod-watch-title" style="white-space: nowrap;"> <!-- <span style="color: #cf2323;padding-right: 8px;font-size: 18px;">New</span> --> 業種単位でMyページ登録 </h3> <figure class="mod-watch-symbol"><i class="ico-office" aria-hidden="true"></i></figure> <p class="mod-watch-text">「自動車」「銀行」のように業種を登録し、人事情報をまとめてチェック。</p> </article> <article class="mod-watch-item"> <h3 class="mod-watch-title">見やすいMyページ</h3> <figure class="mod-watch-symbol"><i class="ico-calendar" aria-hidden="true"></i></figure> <p class="mod-watch-text">登録した企業や個人をジャンルごとに絞り込んで表示可能。また登録した企業更新情報も確認可能。</p> </article> <article class="mod-watch-item"> <h3 class="mod-watch-title">学歴で検索</h3> <figure class="mod-watch-symbol"><i class="ico-background" aria-hidden="true"></i></figure> <p class="mod-watch-text">企業名・氏名だけでなく学歴からも検索可能。</p> </article> </div> </div> <div class="watch-wrap"> <div class="mod-watch"> <article class="mod-watch-item"> <h3 class="mod-watch-title">メールでお知らせ</h3> <figure class="mod-watch-symbol"><i class="ico-mail" aria-hidden="true"></i></figure> <p class="mod-watch-text">企業や人物を登録すれば人事異動や組織変更、おくやみ情報をメールで知らせます。</p> </article> <article class="mod-watch-item"> <h3 class="mod-watch-title">あの人の経歴を確認</h3> <figure class="mod-watch-symbol"><i class="ico-search" aria-hidden="true"></i></figure> <p class="mod-watch-text">気になる得意先、交渉相手の経歴を確認 ! 入社年からどんな部署を渡り歩いたのかなどチェック。</p> </article> <article class="mod-watch-item"> <h3 class="mod-watch-title">用途いろいろ</h3> <figure class="mod-watch-symbol"><i class="ico-use" aria-hidden="true"></i></figure> <p class="mod-watch-text">営業なら得意先に昇進祝い、秘書なら上司への報告、ほかにも講演依頼など用途は幅広くご利用できます。</p> </article> </div> </div> <!-- database-wrap --> <div class="database-wrap"> <div class="mod-database"> <article class="mod-database-item"> <h3 class="mod-database-title">日本経済新聞</h3> <figure class="mod-database-figure"><img src="common/img/img_database_01.png" alt=""></figure> <p class="mod-database-text">日本経済新聞のネットワークで最新の人事異動情報を配信します。</p> </article> <article class="mod-database-item"> <h3 class="mod-database-title">7,400社・団体の人事異動情報</h3> <figure class="mod-database-figure"><img src="common/img/img_database_02.png" alt=""></figure> <p class="mod-database-text">上場企業を中心に、非上場企業、官公庁、団体など約7,400社・団体の人事異動情報を収録。</p> </article> <article class="mod-database-item"> <h3 class="mod-database-title">30万人分の経歴</h3> <figure class="mod-database-figure"><img src="common/img/img_database_03.png" alt="日経テレコン"></figure> <p class="mod-database-text">日経テレコンのデータベース<br aria-hidden="true" class="s-dn s-db-md">「日経WHOS’WHO」から約30万人分の経歴収録。</p> </article> </div> </div> <!-- /database-wrap --> </section><!-- /mod-watch --> <!-- sec-function --> <section id="service" class="sec-function"> <h2 class="ttl-01">主な機能</h2> <ul class="function-point-list"> <!-- point-1 --> <li class="function-point-content"> <div class="point-inner point-1"> <h2> <span class="section-cap-point">POINT 1</span> <span class="section-cap-text">人事情報が一覧できます</span> </h2> <p class="section-read">人事異動や社長交代のニュース、<br> おくやみなどの記事が一覧できます。</p> <p class="section-link">閲覧できる企業一覧は<a href="https://www.nikkei.com/jinji/corplist/">こちら</a></p> </div> </li> <!-- point-2 --> <li class="function-point-content"> <div class="point-inner point-2"> <h2> <span class="section-cap-point">POINT 2</span> <span class="section-cap-text">得意先の情報を見逃しません</span> </h2> <p class="section-read">企業名・氏名で検索すれば、<br> 企業・団体ごとの人事情報や、幹部の経歴が一覧できます。</p> </div> </li> <!-- point-3 --> <li class="function-point-content"> <div class="point-inner point-3"> <h2> <span class="section-cap-point">POINT 3</span> <span class="section-cap-text">入社年や社歴も調べられます</span> </h2> <p class="section-read">幹部なら、入社年や社歴がわかる<br> 経歴情報のデータベースと連携しています。</p> </div> </li> </ul> </section><!-- /sec-function --> <!-- btn-area --> <div class="btn-area"> <a class="btn" href="https://www.nikkei.com/jinji/all/" target="_blank"><span class="btn-in">実際の画面はこちら</span></a> </div><!-- /btn-area --> <!-- /sec-case --> <section id="casestudy" class="sec-case"> <h2 class="ttl-01">活用事例</h2> <div class="s-inner"> <ul class="mod-img-list"> <li class="mod-img-content"><img src="common/img/img_case_01.png" alt=""></li> <li class="mod-img-content"><img src="common/img/img_case_02.png" alt=""></li> </ul> </div> </section><!-- /sec-case --> <!-- ここから「無料体験」 --> <section id="pre-free-guide" class="sec-pre-free-guide"> <div class="s-inner"> <div class="pre-free-guide-box"> <h2 class="ttl-01"> まずは<span class="ttl-danger">1カ月無料体験!</span><br aria-hidden="true"><sub style="display: block; font-size: 11px; line-height: 1.35; font-weight: 400; letter-spacing: 0;">※適用条件あり</sub> <!-- 今なら、<span class="ttl-danger">割で</span>カ月無料 ! <br> --> <!-- <span class="ttl-sub-01">キャンペーン期間:<br aria-hidden="true" class="is-sp">0000年0月0日()~0000年0月0日()</span> --> <!-- <div class="m-note__general--item" style="font-size: 12px;"><span class="m-note__general--marker">※</span></div> --> </h2><!-- <p class="pre-guide-detail"></p> --> <div class="timeline-wrapper js-active"> <div class="timeline-label"> <p class="timeline-label--start"><span class="timeline-label__desc">今日</span><span class="timeline-label--start-date">2/8</span></p> <p class="timeline-label--one-month"><span class="timeline-label__desc">1カ月後</span><span class="timeline-label--one-month-date">3/8</span></p> <p class="timeline-label--next-month"><span class="timeline-label--next-month-date">4/1</span></p> </div> <div class="timeline-bar"> <span class="timeline-bar__item timeline-bar__item--free"></span><span class="timeline-bar__item timeline-bar__item--daily"></span><span class="timeline-bar__item timeline-bar__item--regular"></span> </div> <div class="timeline-desc"> <span class="timeline-desc__item timeline-desc__item--free">無料期間</span><span class="timeline-desc__item timeline-desc__item--daily"><span class="timeline__item-this-month--daily-rate">3/8〜3/31</span>の<br aria-hidden="true">ご利用料金<sub class="timeline-desc__sub">※</sub></span><span class="timeline-desc__item timeline-desc__item--regular">通常料金</span> </div> </div> <div class="m-table__prices"> <dl class="m-table__prices-inner"> <dt class="m-table__price-desc">通常料金</dt> <dd class="m-table__price-cost m-table__price-cost--c-blue"> 998円<span class="m-table__price-cost--sub m-txt__sm">(月額/税込)</span></dd> </dl> <dl class="m-table__prices-inner"> <dt class="m-table__price-desc">読者割料金</dt> <dd class="m-table__price-cost"> <span class="m-table__price-cost--fw-n m-table__price-cost--td-l">998円</span><span class="m-table__price-cost--fw-n">→</span>509円<span class="m-table__price-cost--sub m-txt__sm">※</span> </dd> </dl> </div> <ul class="btn__group"> <li class="btn__item btn-wrap btn-haruwari"> <a class="btn" href="https://www.nikkei.com/etc/apply.do?subscription=jw" target="_blank"><span class="btn-in btn-haruwari">無料体験に申し込む</span></a> <!-- <div class="m-note__general" style="margin-top: 8px;"> <div class="m-note__general--items"> <p class="m-note__general--item"><span class="m-note__general--marker">※</span>3月初旬以降も日経人事ウオッチは同様の無料キャンペーンを実施予定です。キャンペーン詳細については、後日<a href="https://www.nikkei.com/promotion/service/jinji/" class="m-link__local__row--link">こちら</a>のページに掲載する要項をご確認ください。</p> </div> </div> --> </li> <!-- <li class="btn__item">お得な初割、日経人事ウオッチ以外の<br class="is-sp">商品は<a href="https://www.nikkei.com/r123/" target="_blank" rel="noopener" class="m-link__local__row--link">こちら</a></li> --> </ul> <div class="m-note__general--md js-active"> <ul class="m-note__general--items"> <li class="m-note__general--item"><span class="m-note__general--marker">※</span>過去に無料体験を利用いただいたことがある場合、解約から1年以内は1カ月無料体験が適用されず、申込日に利用料金を課金します。</li> <li class="m-note__general--item"><span class="m-note__general--marker">※</span>無料体験期間中に解約しなかった場合、その後は所定の料金が発生します。</li> <li class="m-note__general--item"><span class="m-note__general--marker">※</span><span class="timeline__item-this-month--daily-rate">3/8〜3/31</span>分のご利用料金は、「<a href="https://www.nikkei.com/info/jinji/guide/" target="_blank" class="m-link__local__row--link">単価</a>×月末までの日数」です。</li> <li class="m-note__general--item"><span class="m-note__general--marker">※</span>詳細な料金についての規定は<a href="https://www.nikkei.com/info/jinji/guide/" target="_blank" rel="noopener" class="m-link__local__row--link">こちら</a></li> <li class="m-note__general--item"><span class="m-note__general--marker">※</span>読者割引は日経ID決済で「日経電子版」、「日本経済新聞」をご購読している方、またはApple Pay、auかんたん決済、d払いで「日経電子版」を購読している方に適用される割引のことです。読者割引が適用される場合、利用料金から489円を割引きます(ただし、割引額が利用額を上回る場合は無料とします)。</li> <li class="m-note__general--item"><span class="m-note__general--marker">※</span>日経人事ウオッチは日経電子版 ファミリープラン共有サービスではありません。ご利用の場合は個別にお申し込みください。</li> <li class="m-note__general--item __15-spaced"><span class="m-note__general--marker __company"></span>法人の方のお申し込みは<a href="https://regist.nikkei.com/bb/etc/b2bregisthub.do?identifier=jwb2b013&x_dps=2" target="_blank" rel="noopener" class="m-link__local__row--link">こちら</a>。</li> </ul> <!-- /.m-note__general --> </div> </div> </div> </section><!-- ここまで「無料体験」 --> <!-- mod-guide --> <div class="mod-guide bg-white"> <div class="s-inner"> <section class="mod-guide-item"> <h2 class="mod-guide-item-title">法人契約ご検討のお客様 <br aria-hidden="true" class="s-dn-md">日経人事ウオッチが搭載されている<br>日経電子版Proもおすすめです。</h2> <p class="mod-guide-btn"><a class="btn" data-btn-size="medium" data-btn-color="blue" data-btn-font="small" href="https://pr.nikkei.com/pro/?n_cid=DSPRM4920" target="_blank"><span class="btn-in">日経電子版Proについてはこちら</span></a></p> </section> </div> </div> <div class="mod-guide"> <div class="s-inner"> <section class="mod-guide-item"> <h2 class="mod-guide-item-title">さらに高機能なソリューション <br aria-hidden="true" class="s-dn-md">人事ウオッチPro </h2> <p class="sub-text"> 法人利用の決定版。人事ニュースをチームですばやく共有できたり、顧客リストをアップロードするだけで簡単に一括登録ができます。経歴データの無制限閲覧なども可能。スタッフによる手厚いフォローも実施しています。 </p> <p class="mod-guide-btn"><a class="btn" data-btn-size="medium" data-btn-color="blue" data-btn-font="small" href="http://telecom.nikkei.co.jp/guide/relevance/njw/?utm_source=NikkeiPR&utm_medium=referral&utm_content=jwp_lp_ds_ct&utm_campaign=jwp" target="_blank"><span class="btn-in">人事ウオッチProについてはこちら</span></a></p> </section> </div> </div><!-- /mod-guide --> <!-- mod-caution --> <aside class="caution caution-01"> <div class="s-inner"> <dl class="caution-list"> <dt class="caution-title">【注意事項】</dt> <dd>解約手続がとられなかった場合は、次回課金以降もご契約が自動的に継続します。<sup>(※)</sup></dd> <dd>毎月1日午前0時から6時は、システムメンテナンスのため手続きができません。(日本時間)</dd> <dd class="m-note__general--items"> <div class="m-note__general--item">(※)法人契約の場合ご契約期間は6カ月または12カ月から選択できますが、期間途中の解約はできません。</div> </dd> </dl> </div> </aside> </main> </div><!-- /contents --> <nav class="nav-utility"> <ul class="nav-utility-list"> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.co.jp/nikkeiinfo/corporate/" target="_blank" rel="noopener">会社概要</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/privacy.html" target="_blank" rel="noopener">プライバシーポリシー</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/info/jinji/trade/" target="_blank" rel="noopener">特定商取引法に基づく表示</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/cookie/policy.html" target="_blank" rel="noopener">クッキーポリシー</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/cookie/optout.html" target="_blank" rel="noopener">外部送信</a></li> </ul> </nav> <!-- footer --> <footer class="footer" role="contentinfo"> <div class="s-inner"> <div class="footer-in"> <span class="footer-logo"><img class="footer-logo-img" src="common/img/ftr_logo.svg" alt="NIKKEI" width="57"></span> <span class="footer-copylight"><small>Nikkei Inc. No reproduction without permission.</small></span> </div> </div><!-- /s-inner --> </footer> </div> <!-- /wrapper --> <script type="text/javascript">Rtoaster.recommendNow("rcmd_pr_lp_ab_01");</script> <!-- javascript --> <script src="common/js/lib.js"></script> <script src="common/js/common.js"></script> <!-- Login Remove --> <script type="text/javascript"> var allcookie = document.cookie.split("; "); var nidauth = ""; i = 0; while (allcookie[i]) { if (allcookie[i].substr(0, 17) == "NID-AUTHENTICATED") { nidauth = "auth"; break; } i++; } if (nidauth == "auth") { var node = document.getElementById('login'); if (node != null) { node.parentNode.removeChild(node); } } $(function () { $('a[href^="#"]').click(function () { var headerHight = 81; //ヘッダの高さ var speed = 500; var href = $(this).attr('href'); var target = $(href == '#' || href == '' ? 'html' : href); var position = target.offset().top - headerHight; //ヘッダの高さ分位置をずらす $('html, body').animate({ scrollTop: position }, speed, 'swing'); return false; }); const $header = $('header'); const $headerHeight = $header.outerHeight() + 100; const $target = $('#conversion'); $(window).on('load scroll', function () { const $this = $(this); const targetPos = $target.offset().top; const trigger = $this.scrollTop(); if (trigger > targetPos && $header.hasClass('__fixed') == false) { $header.css({ top: '-100px' }); $header.addClass('__fixed'); $header.animate({ top: 0 }, 300); } else if (trigger < targetPos && $header.hasClass('__fixed') == true) { $header.removeClass('__fixed'); } }); // timeline //月末日を取得 const getEndOfMonth = function (year, month) { var endDate = new Date(year, month, 0); return endDate.getDate(); } //n月後を取得 const getAddMonthDate = function (year, month, day, add) { var addMonth = month + add; var endDate = getEndOfMonth(year, addMonth); if (day >= endDate) { day = endDate; } return new Date(year, addMonth - 1, day); } const td = new Date(); // const td = new Date("2020.12.2"); //任意の日付で確認 //現在の年月日 const thisYear = td.getFullYear(); const thisMonth = td.getMonth() + 1; const thisDate = td.getDate(); const thisMonthLastDay = getEndOfMonth(thisYear, thisMonth); //nヶ月 const n = 1; //nヶ月後 const firstMonthLater = getAddMonthDate(thisYear, thisMonth, thisDate, n); const firstMonthYear = firstMonthLater.getFullYear(); const firstMonth = firstMonthLater.getMonth() + 1; const firstMonthDate = firstMonthLater.getDate(); const firstMonthLastDay = getEndOfMonth(firstMonthYear, firstMonth); //n+1ヶ月後 const secondMonthLater = getAddMonthDate(thisYear, thisMonth, thisDate, n + 1); const secondMonth = secondMonthLater.getMonth() + 1; //グラフに必要な日付文言------------------------ //現在の月日 const todayText = thisMonth + "/" + thisDate; //nヶ月後 const firstMonthText = firstMonth + "/" + firstMonthDate; //n+1ヶ月後 let nextMonthText = secondMonth + "/" + 1; //通常料金が始まる月 if (thisDate === 1) { var tempSecondMonth = secondMonth - 1; if (secondMonth == 1) { tempSecondMonth = 12; } nextMonthText = tempSecondMonth + "/" + 1 } //期間 let dailyRateText = firstMonth + '/' + firstMonthDate + '〜' + firstMonth + '/' + firstMonthLastDay; //日割期間 if (firstMonthDate == firstMonthLastDay) { dailyRateText = firstMonth + '/' + firstMonthDate; } // console.log('今年は' + thisYear + '年'); // console.log('今は' + thisMonth + '月'); // console.log('今月は' + thisMonthLastDay + '日まで'); // console.log('来月は' + firstMonthLastDay + '日まで'); //-------------------------------------------- //日付の挿入 const $today = $('.js-active .timeline-label--start-date');//今日の日付 $today.text(todayText); const $firstMonth = $('.js-active .timeline-label--one-month-date');//無料期間終了日 $firstMonth.text(firstMonthText); const $firstMonthStartMonth = $('.js-active .timeline__item-this-month');//日割料金が始まる月 $firstMonthStartMonth.text(firstMonth); const $firstMonthDailyRate = $('.js-active .timeline__item-this-month--daily-rate');//日割料金期間 $firstMonthDailyRate.text(dailyRateText); const $nextMonth = $('.js-active .timeline-label--next-month-date');//通常料金が始まる月 $nextMonth.text(nextMonthText); //振り分け計算 const value = thisMonthLastDay / 5; const $timeLineLabel = $('.js-active .timeline-label'); const $timeLineBar = $('.js-active .timeline-bar'); const $timeLineDesc = $('.js-active .timeline-desc'); if (thisDate === 1) { $timeLineLabel.addClass('timeline-label--beginning'); $timeLineBar.addClass('timeline-bar--beginning'); $timeLineDesc.addClass('timeline-desc--beginning'); $('.js-active .m-note__general--item-daily').addClass('m-note__general--beginning'); } else if (thisDate <= (value + 1)) { $timeLineLabel.addClass('timeline-label--first-week'); $timeLineBar.addClass('timeline-bar--first-week'); $timeLineDesc.addClass('timeline-desc--first-week'); } else if (thisDate <= (value * 2 + 1)) { $timeLineLabel.addClass('timeline-label--second-weeks'); $timeLineBar.addClass('timeline-bar--second-weeks'); $timeLineDesc.addClass('timeline-desc--second-weeks'); } else if (thisDate <= (value * 3 + 1)) { $timeLineLabel.addClass('timeline-label--third-weeks'); $timeLineBar.addClass('timeline-bar--third-weeks'); $timeLineDesc.addClass('timeline-desc--third-weeks'); } else if (thisDate <= (value * 4 + 1)) { $timeLineLabel.addClass('timeline-label--fourth-weeks'); $timeLineBar.addClass('timeline-bar--fourth-weeks'); $timeLineDesc.addClass('timeline-desc--fourth-weeks'); } else if (thisDate >= (firstMonthLastDay - 3)) { $timeLineLabel.addClass('timeline-label--3-days-ago'); $timeLineBar.addClass('timeline-bar--3-days-ago'); $timeLineDesc.addClass('timeline-desc--3-days-ago'); } else if (thisDate <= (value * 5 + 1)) { $timeLineLabel.addClass('timeline-label--fifth-weeks'); $timeLineBar.addClass('timeline-bar--fifth-weeks'); $timeLineDesc.addClass('timeline-desc--fifth-weeks'); } }); </script> <!-- Login Remove end --> <script type="text/javascript">if (typeof _satellite !== 'undefined') _satellite.pageBottom();</script> <!-- /javascript --> </body> </html>