showButtonPanel, closeText, currentText オプション(datepicker)

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

showButtonPanel

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

closeText

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

currentText

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

サンプル

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








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






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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>