ドロップダウンカレンダーの作成

クイックスタートの例に基づき、showTrigger オプションを true に設定し、pickers を提供しないで、ドロップダウンカレンダーを作成することができます。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを次のスクリプトに置き換えます。これは、showTrigger オプションを true に設定し、他のすべてのオプションをデフォルト設定のままにします。

ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます

HTML ファイルの <body> セクションを変更する必要はありません。このウィジェットを作成するには、基本的な <div> タグで十分です。
HTML ファイルを保存し、それをブラウザで開きます。実際のウィジェットは次のように表示されます。矢印ボタン（トリガ）をクリックすると、カレンダーがドロップダウンします。

関連トピック