showButtonPanel, closeText, currentText オプション（datepicker）

ちょっとずつですが、datepickerのオプションを紹介させていただきます。

showButtonPanel

設定値：Boolean
初期値：false
概要：表示されるカレンダーの下部に”Today”ボタンと”Done”ボタンを表示します。

closeText

設定値：String
初期値：”Done”
概要：showButtonPanelオプションを”true”にしたときに表示される右下の”Done”ボタンを別の表示名に変更する。

currentText

設定値：String
初期値：”Today”
概要：showButtonPanelオプションを”true”にしたときに表示される左下の”Today”ボタンを別の表示名にする。

サンプル

以下上記のオプションを使用したサンプルになります。

<title>datepicker</title>




$(function(){
    $('.datepicker1').datepicker({
        showButtonPanel: false
    });
    $('.datepicker2').datepicker({
        showButtonPanel: true
    });
    $('.datepicker3').datepicker({
        showButtonPanel: true,
        closeText: "close",
        currentText: "Honjitsu"
    });
});




<br />

<br />

<title>datepicker</title>

$(function(){

$('.datepicker1').datepicker({

showButtonPanel: false

});

$('.datepicker2').datepicker({

showButtonPanel: true

});

$('.datepicker3').datepicker({

showButtonPanel: true,

closeText: "close",

currentText: "Honjitsu"

});

<br />

上記サンプルは3つのtextフォームが並んでおり、
1番目にフォーカスするとボタンなしのカレンダーが表示される。
2番目にフォーカスすると下部に”Today”と”Done”の二つのボタンを持ったカレンダーが表示される。
3番目にフォーカスするとカレンダーに表示されうボタンの表示が2番目とは違ったものになったカレンダーが表示される。
/