Datepicker のカレンダーに「今日」と「閉じる」のボタンを出現

jQuery UI の Datepicker プラグインにおいて、カレンダーに、「今日」ボタンと、「閉じる」ボタンを出現させる方法。「今日」ボタンを押すと、今日を含む今月のカレンダーになる。「閉じる」ボタンを押すと、カレンダーを閉じる。「今日」ボタンと、「閉じる」ボタンを出現させるには、showButtonPanel オプションを使う。

実装例（サンプル）

日付:

実装例（サンプル）の動作について

「日付:」の右側の、テキスト入力欄をクリックすると、今月の日本語のカレンダーが現れる。

カレンダーの日付をクリックすると、その日付を、テキスト入力欄に入力する。

をクリックすると、次月の日本語のカレンダーになる。

をクリックすると、前月の日本語のカレンダーになる。

カレンダー内左下の「今日」ボタンを押すと、今日を含む今月のカレンダーになる。カレンダー内右下の「閉じる」ボタンを押すと、カレンダーを閉じる。

実装例（サンプル）のソースコード

読み込み

パスは、それぞれ、アップロードした場所を指定する。

まとめて読み込む場合

個別に読み込む場合

JavaScript

HTML