Top > 開発ガイド > コンポーネント開発Tips集 > Spinelzヘルパ > date_picker_element

date_picker_element

概要

• Date Picker用ヘルパーです。
• 多言語対応されたDate Pickerが構築されます。

API

date_picker_element(element, target, trigger, options, with_script_tag = true)

引数	説明
element	HTML要素のID。この要素内にがDate Pickerが構築されます。
target	HTML要素のID。選択された日付が入力されます。input(text)タグを指定して下さい。
trigger	HTML要素のID。この要素がクリックされたときにDate Pickerが表示されます。
options	Date Pickerと同じ。Date Pickerを参照してください。
with_script_tag	スクリプトタグを出力するかどうか。デフォルトでは出力します。

利用例

  <%= date_picker_element('element', 'target', 'trigger', {:callBack => "function() { alert(0); }"}) %>

出力内容

• 多言語対等のために、'dayOfWeek', 'headerFormat', 'format'オプションが自動的に指定されます。
• 上記「利用例」は、下記のように記述することと同等です。

    <script type="text/javascript">
      new DatePicker('element', 'target', 'trigger', 
        {
          headerFormat => "<%= hl('[_Common_YearMonth_Format_String]') %>",
          format: "<%= hl('[_Common_DatePicker_Format_String]') %>",
          dayOfWeek: [
            "<%= hl('[_Common_Sunday]') %>",
            "<%= hl('[_Common_Monday]') %>",
            "<%= hl('[_Common_Tuesday]') %>",
            "<%= hl('[_Common_Wednesday]') %>",
            "<%= hl('[_Common_Thursday]') %>",
            "<%= hl('[_Common_Friday]') %>",
            "<%= hl('[_Common_Saturday]') %>"
          ],
          callBack: function() { alert(0); }
        }
      );
    </script>