![](https://cdn-ak-scissors.b.st-hatena.com/image/square/eb3762c3fe10807fde700480face343cbd108df5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9U2hvcGlmeSVFMyU4MSVBNyVFNSU4NyVCQSVFOCU4RCVCNyVFNCVCQSU4OCVFNSVBRSU5QSVFNiU5NyVBNSVFMyU4MiU5MkphdmFzY3JpcHQlRTMlODElQTclRTglQTElQTglRTclQTQlQkElRUYlQkMlODglRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODElQUElRTMlODElOTclRUYlQkMlODkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc5YzZlYWIyNDg4ZDc3N2UzMjkwNGM1YmRmNWZkNGEy%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwZ2FudGFyb29vdV9qcyUyMGluJTIwSklTT1UlMjAlN0MlMjBSZWFjdCVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVCMCVFMyU4MyVBOSVFMyU4MyU5RiVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4MSVFMyU4MyVCMyVFMyU4MiVCMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTMyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MWVjN2RhMTJmYTczZWI2YjIwZmFkMmMxMTUzNTc0ZTE%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Df1ede6359705d5c0b2bd3377d5b05c67)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Shopifyで出荷予定日をJavascriptで表示(アプリなし) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Shopifyで出荷予定日をJavascriptで表示(アプリなし) - Qiita
はじめに ECサイトで商品を購入する際には出荷予定日が表示されていると、購入する側からすると安心です... はじめに ECサイトで商品を購入する際には出荷予定日が表示されていると、購入する側からすると安心ですよね。 今回アプリを使用しないで、Javascriptのみで商品出荷予定日を表示できるよう実装しました! 詳細は以下の通りです。 商品購入日が平日で9時前であれば当日の日付を表示 商品購入日が平日で10時以降であれば翌日の日付を表示 翌日が休日の場合は休日明けの日付を表示(翌日が土曜日であれば月曜を表示、お盆休みや正月休みも休み明けの日を表示) 商品購入日が休日の場合も同様に休日明けの日付を表示 今回の実装ではAPI連携を行わずに、祝日やお盆休みをJavascript内に配列として定義しています。 実際のコード <script> document.addEventListener('DOMContentLoaded', function() { // 購入日の日付を取得 const purc