配達日時指定フォームの選択時間制限について

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

Topic summary

カートページに配達日時指定フォームを作成したユーザーが、画面表示時間に応じた配達日の選択制限を実装したいと質問しています。

具体的な要件:

  • 画面表示時間が18:00以降の場合 → 翌日以降の配達日を選択可能にする
  • 画面表示時間が17:59以前の場合 → 翌々日以降の配達日を選択可能にする

使用環境:

  • テーマ: Dawn (バージョン9.0.0)
  • コード編集でフォームを挿入済み

提案された解決方法:

  1. JavaScriptで現在時刻を取得
  2. 18時を超えている場合、配達日の翌日optionに対してdisabled属性を付与する

回答者は参考記事として、JavaScriptでの日時取得方法とHTMLのoption要素をdisabledにする方法のリンクを提供しています。

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

お世話になります。

カートページに配達日時指定ができるフォームを作成しました。（こちらのページを参考に作成しました。URL：https://community.shopify.com/topic/1335526）

画面表示時間に対して、配達日を制限できるフォームを作成したいのですが、方法をご教示ください。

【状況】

無料テーマ（Down）を使用し、コード編集によりカートページに配達日時指定ができるフォームを挿入しました。

使用テーマ：Down（バージョン9.0.0）

【やりたいこと】

・画面表示時間が17時59分以前の場合、配達日を翌日以降を選択可能

・画面表示時間が18時00分以降の場合、配達日を翌々日以降を選択可能（翌日は選択不可）

2

Re_1194 様

お世話になっております。

ご質問確認しました。

  1. JSで現在時刻取得

  2. 18時を超えている場合は、配達日の翌日optionに対して、disabledを付与する

という形で可能かと思います。

(参考記事)

  1. https://note.affi-sapo-sv.com/js-datetime.php

  2. https://web.havincoffee.com/html/tag/option/disabled.html

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。