| | 1 | [wiki:WikiStart Top] > [wiki:RubricksDevelopmentGuideJa 開発ガイド] > [wiki:RubricksDevelopmentTipsJa コンポーネント開発Tips集] > [wiki:RubricksDevelopmentTipsSpinelzHelperJa Spinelzヘルパ] > date_picker_element |
|---|
| | 2 | = date_picker_element = |
|---|
| | 3 | == 概要 == |
|---|
| | 4 | * [wiki:RubricksDevelopmentSpinelzDatePickerJa Date Picker]用ヘルパーです。 |
|---|
| | 5 | * 多言語対応された[wiki:RubricksDevelopmentSpinelzDatePickerJa Date Picker]が構築されます。 |
|---|
| | 6 | |
|---|
| | 7 | == API == |
|---|
| | 8 | === date_picker_element(element, target, trigger, options, with_script_tag = true) === |
|---|
| | 9 | ||引数||説明|| |
|---|
| | 10 | ||element||HTML要素のID。この要素内にが[wiki:RubricksDevelopmentSpinelzDatePickerJa Date Picker]が構築されます。|| |
|---|
| | 11 | ||target||HTML要素のID。選択された日付が入力されます。input(text)タグを指定して下さい。|| |
|---|
| | 12 | ||trigger||HTML要素のID。この要素がクリックされたときに[wiki:RubricksDevelopmentSpinelzDatePickerJa Date Picker]が表示されます。|| |
|---|
| | 13 | ||options||[wiki:RubricksDevelopmentSpinelzDatePickerJa Date Picker]と同じ。[wiki:RubricksDevelopmentSpinelzDatePickerJa Date Picker]を参照してください。|| |
|---|
| | 14 | ||with_script_tag||スクリプトタグを出力するかどうか。デフォルトでは出力します。|| |
|---|
| | 15 | |
|---|
| | 16 | == 利用例 == |
|---|
| | 17 | {{{ |
|---|
| | 18 | <%= date_picker_element('element', 'target', 'trigger', {:callBack => "function() { alert(0); }"}) %> |
|---|
| | 19 | }}} |
|---|
| | 20 | |
|---|
| | 21 | == 出力内容 == |
|---|
| | 22 | * 多言語対等のために、'dayOfWeek', 'headerFormat', 'format'オプションが自動的に指定されます。 |
|---|
| | 23 | * 上記「利用例」は、下記のように記述することと同等です。 |
|---|
| | 24 | {{{ |
|---|
| | 25 | <script type="text/javascript"> |
|---|
| | 26 | new DatePicker('element', 'target', 'trigger', |
|---|
| | 27 | { |
|---|
| | 28 | headerFormat => "<%= hl('[_Common_YearMonth_Format_String]') %>", |
|---|
| | 29 | format: "<%= hl('[_Common_DatePicker_Format_String]') %>", |
|---|
| | 30 | dayOfWeek: [ |
|---|
| | 31 | "<%= hl('[_Common_Sunday]') %>", |
|---|
| | 32 | "<%= hl('[_Common_Monday]') %>", |
|---|
| | 33 | "<%= hl('[_Common_Tuesday]') %>", |
|---|
| | 34 | "<%= hl('[_Common_Wednesday]') %>", |
|---|
| | 35 | "<%= hl('[_Common_Thursday]') %>", |
|---|
| | 36 | "<%= hl('[_Common_Friday]') %>", |
|---|
| | 37 | "<%= hl('[_Common_Saturday]') %>" |
|---|
| | 38 | ], |
|---|
| | 39 | callBack: function() { alert(0); } |
|---|
| | 40 | } |
|---|
| | 41 | ); |
|---|
| | 42 | </script> |
|---|
| | 43 | }}} |