Ignore:
Timestamp:
2013/01/08 17:52:03 (9 years ago)
Author:
yomoro
Message:

#1987 (国際化テンプレート:年月日のセレクトボックス廃止)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_12-multilang/data/Smarty/templates/admin/total/index.tpl

    r22149 r22212  
    2222 */ 
    2323*}--> 
     24 
     25<script type="text/javascript"> 
     26$(function(){ 
     27    $.datepicker.setDefaults( $.datepicker.regional[ "<!--{$smarty.const.LANG_CODE}-->" ] ); 
     28     
     29    $( "#datepickersearch_start_m" ).datepicker({ 
     30    beforeShowDay: function(date) { 
     31        if(date.getDay() == 0) { 
     32            return [true,"date-sunday"];  
     33        } else if(date.getDay() == 6){ 
     34            return [true,"date-saturday"]; 
     35        } else { 
     36            return [true]; 
     37        } 
     38    },changeMonth: 'true' 
     39    ,changeYear: 'true' 
     40    ,onSelect: function(dateText, inst){ 
     41        setDatesearch_start_m(dateText); 
     42    }, 
     43    showButtonPanel: true, 
     44    beforeShow: showAdditionalButtonsearch_start_m,        
     45    onChangeMonthYear: showAdditionalButtonsearch_start_m 
     46    }); 
     47     
     48    $("#datepickersearch_start_m").blur( function() { 
     49        var dateText = $(this).val(); 
     50        setDatesearch_start_m(dateText); 
     51    }); 
     52     
     53    $( "#datepickersearch_start" ).datepicker({ 
     54    beforeShowDay: function(date) { 
     55        if(date.getDay() == 0) { 
     56            return [true,"date-sunday"];  
     57        } else if(date.getDay() == 6){ 
     58            return [true,"date-saturday"]; 
     59        } else { 
     60            return [true]; 
     61        } 
     62    },changeMonth: 'true' 
     63    ,changeYear: 'true' 
     64    ,onSelect: function(dateText, inst){ 
     65        setDatesearch_start(dateText); 
     66    }, 
     67    showButtonPanel: true, 
     68    beforeShow: showAdditionalButtonsearch_start,        
     69    onChangeMonthYear: showAdditionalButtonsearch_start 
     70    }); 
     71     
     72    $("#datepickersearch_start").blur( function() { 
     73        var dateText = $(this).val(); 
     74        setDatesearch_start(dateText); 
     75    }); 
     76     
     77    $( "#datepickersearch_end" ).datepicker({ 
     78    beforeShowDay: function(date) { 
     79        if(date.getDay() == 0) { 
     80            return [true,"date-sunday"];  
     81        } else if(date.getDay() == 6){ 
     82            return [true,"date-saturday"]; 
     83        } else { 
     84            return [true]; 
     85        } 
     86    },changeMonth: 'true' 
     87    ,changeYear: 'true' 
     88    ,onSelect: function(dateText, inst){ 
     89        setDatesearch_end(dateText); 
     90    }, 
     91    showButtonPanel: true, 
     92    beforeShow: showAdditionalButtonsearch_end,        
     93    onChangeMonthYear: showAdditionalButtonsearch_end 
     94    }); 
     95     
     96    $("#datepickersearch_end").blur( function() { 
     97        var dateText = $(this).val(); 
     98        setDatesearch_end(dateText); 
     99    }); 
     100 
     101}); 
     102 
     103var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Clear</button>'); 
     104 
     105var showAdditionalButtonsearch_start_m = function (input) { 
     106    setTimeout(function () { 
     107        var buttonPane = $(input) 
     108                 .datepicker("widget") 
     109                 .find(".ui-datepicker-buttonpane"); 
     110        btn 
     111                .unbind("click") 
     112                .bind("click", function () { 
     113                    $.datepicker._clearDate(input); 
     114                    $("*[name=search_startyear_m]").val(""); 
     115                    $("*[name=search_startmonth_m]").val(""); 
     116                }); 
     117        btn.appendTo(buttonPane); 
     118    }, 1); 
     119}; 
     120 
     121var showAdditionalButtonsearch_start = function (input) { 
     122    setTimeout(function () { 
     123        var buttonPane = $(input) 
     124                 .datepicker("widget") 
     125                 .find(".ui-datepicker-buttonpane"); 
     126        btn 
     127                .unbind("click") 
     128                .bind("click", function () { 
     129                    $.datepicker._clearDate(input); 
     130                    $("*[name=search_startyear]").val(""); 
     131                    $("*[name=search_startmonth]").val(""); 
     132                    $("*[name=search_startday]").val(""); 
     133                }); 
     134        btn.appendTo(buttonPane); 
     135    }, 1); 
     136}; 
     137 
     138var showAdditionalButtonsearch_end = function (input) { 
     139    setTimeout(function () { 
     140        var buttonPane = $(input) 
     141                 .datepicker("widget") 
     142                 .find(".ui-datepicker-buttonpane"); 
     143        btn 
     144                .unbind("click") 
     145                .bind("click", function () { 
     146                    $.datepicker._clearDate(input); 
     147                    $("*[name=search_endyear]").val(""); 
     148                    $("*[name=search_endmonth]").val(""); 
     149                    $("*[name=search_endday]").val(""); 
     150                }); 
     151        btn.appendTo(buttonPane); 
     152    }, 1); 
     153}; 
     154 
     155function setDatesearch_start_m(dateText){ 
     156var dates = dateText.split('/'); 
     157$("*[name=search_startyear_m]").val(dates[0]); 
     158$("*[name=search_startmonth_m]").val(dates[1]); 
     159} 
     160 
     161function setDatesearch_start(dateText){ 
     162var dates = dateText.split('/'); 
     163$("*[name=search_startyear]").val(dates[0]); 
     164$("*[name=search_startmonth]").val(dates[1]); 
     165$("*[name=search_startday]").val(dates[2]); 
     166} 
     167 
     168function setDatesearch_end(dateText){ 
     169var dates = dateText.split('/'); 
     170$("*[name=search_endyear]").val(dates[0]); 
     171$("*[name=search_endmonth]").val(dates[1]); 
     172$("*[name=search_endday]").val(dates[2]); 
     173} 
     174 
     175</script> 
    24176 
    25177<div id="total" class="contents-main"> 
     
    35187                    <input type="hidden" name="page" value="<!--{$arrForm.page.value|h}-->" /> 
    36188                    <input type="hidden" name="type" value="<!--{$smarty.post.type|h}-->" /> 
    37                     <!--{if $arrErr.search_startyear_m || $arrErr.search_endyear_m}--> 
     189                    <!--{if $arrErr.search_startyear_m || $arrErr.search_startmonth_m}--> 
    38190                        <span class="attention"><!--{$arrErr.search_startyear_m}--></span> 
    39                         <span class="attention"><!--{$arrErr.search_endyear_m}--></span> 
     191                        <span class="attention"><!--{$arrErr.search_startmonth_m}--></span> 
    40192                    <!--{/if}--> 
    41                     <select name="search_startyear_m"    style="<!--{$arrErr.search_startyear_m|sfGetErrorColor}-->"> 
    42                         <!--{html_options options=$arrYear selected=$arrForm.search_startyear_m.value}--> 
    43                     </select>年 
    44                     <select name="search_startmonth_m" style="<!--{$arrErr.search_startyear_m|sfGetErrorColor}-->"> 
    45                         <!--{html_options options=$arrMonth selected=$arrForm.search_startmonth_m.value}--> 
    46                     </select>月度 (<!--{if $smarty.const.CLOSE_DAY == 31}-->末<!--{else}--><!--{$smarty.const.CLOSE_DAY}--><!--{/if}-->日締め) 
     193                    <input id="datepickersearch_start_m" type="text" value="<!--{if $arrForm.search_startyear_m.value != "" && $arrForm.search_startmonth_m.value != ""}--><!--{$arrForm.search_startyear_m.value|h}-->/<!--{$arrForm.search_startmonth_m.value|h|string_format:'%02d'}--><!--{/if}-->" <!--{if $arrErr.search_startyear_m != ""}--><!--{sfSetErrorStyle}--><!--{/if}--> />月度 (<!--{if $smarty.const.CLOSE_DAY == 31}-->末<!--{else}--><!--{$smarty.const.CLOSE_DAY}--><!--{/if}-->日締め) 
     194                    <input type="hidden" name="search_startyear_m" value="<!--{$arrForm.search_startyear_m.value}-->" /> 
     195                    <input type="hidden" name="search_startmonth_m" value="<!--{$arrForm.search_startmonth_m.value}-->" /> 
    47196                    <a class="btn-normal" href="javascript:;" onclick="fnFormModeSubmit('search_form1', 'search', '', ''); return false;" name="subm"><!--{t string="tpl_688"}--></a> 
    48197                </form> 
     
    62211                        <span class="attention"><!--{$arrErr.search_endyear}--></span> 
    63212                    <!--{/if}--> 
    64                     <select name="search_startyear"    style="<!--{$arrErr.search_startyear|sfGetErrorColor}-->"> 
    65                         <option value="">----</option> 
    66                         <!--{html_options options=$arrYear selected=$arrForm.search_startyear.value|h}--> 
    67                     </select>年 
    68                     <select name="search_startmonth" style="<!--{$arrErr.search_startyear|sfGetErrorColor}-->"> 
    69                         <option value="">--</option> 
    70                         <!--{html_options options=$arrMonth selected=$arrForm.search_startmonth.value|h}--> 
    71                     </select>月 
    72                     <select name="search_startday" style="<!--{$arrErr.search_startyear|sfGetErrorColor}-->"> 
    73                         <option value="">--</option> 
    74                         <!--{html_options options=$arrDay selected=$arrForm.search_startday.value|h}--> 
    75                     </select>日 
     213                    <input id="datepickersearch_start" type="text" value="<!--{if $arrForm.search_startyear.value != "" && $arrForm.search_startmonth.value != "" && $arrForm.search_startday.value != ""}--><!--{$arrForm.search_startyear.value|h}-->/<!--{$arrForm.search_startmonth.value|h|string_format:'%02d'}-->/<!--{$arrForm.search_startday.value|h|string_format:'%02d'}--><!--{/if}-->" <!--{if $arrErr.search_startyear != ""}--><!--{sfSetErrorStyle}--><!--{/if}--> /> 
     214                    <input type="hidden" name="search_startyear" value="<!--{$arrForm.search_startyear.value}-->" /> 
     215                    <input type="hidden" name="search_startmonth" value="<!--{$arrForm.search_startmonth.value}-->" /> 
     216                    <input type="hidden" name="search_startday" value="<!--{$arrForm.search_startday.value}-->" /> 
    76217                    <!--{t string="-"}--> 
    77                     <select name="search_endyear" style="<!--{$arrErr.search_endyear|sfGetErrorColor}-->"> 
    78                         <option value="">----</option> 
    79                         <!--{html_options options=$arrYear selected=$arrForm.search_endyear.value|h}--> 
    80                     </select>年 
    81                     <select name="search_endmonth" style="<!--{$arrErr.search_endyear|sfGetErrorColor}-->"> 
    82                         <option value="">--</option> 
    83                         <!--{html_options options=$arrMonth selected=$arrForm.search_endmonth.value|h}--> 
    84                     </select>月 
    85                     <select name="search_endday" style="<!--{$arrErr.search_endyear|sfGetErrorColor}-->"> 
    86                         <option value="">--</option> 
    87                         <!--{html_options options=$arrDay selected=$arrForm.search_endday.value|h}--> 
    88                     </select>日 
     218                    <input id="datepickersearch_end" type="text" value="<!--{if $arrForm.search_endyear.value != "" && $arrForm.search_endmonth.value != "" && $arrForm.search_endday.value != ""}--><!--{$arrForm.search_endyear.value|h}-->/<!--{$arrForm.search_endmonth.value|h|string_format:'%02d'}-->/<!--{$arrForm.search_endday.value|h|string_format:'%02d'}--><!--{/if}-->" <!--{if $arrErr.search_endyear != ""}--><!--{sfSetErrorStyle}--><!--{/if}--> /> 
     219                    <input type="hidden" name="search_endyear" value="<!--{$arrForm.search_endyear.value}-->" /> 
     220                    <input type="hidden" name="search_endmonth" value="<!--{$arrForm.search_endmonth.value}-->" /> 
     221                    <input type="hidden" name="search_endday" value="<!--{$arrForm.search_endday.value}-->" /> 
    89222                    <a class="btn-normal" href="javascript:;" onclick="fnFormModeSubmit('search_form2', 'search', '', ''); return false;" name="subm"><!--{t string="tpl_690"}--></a> 
    90223                </form> 
Note: See TracChangeset for help on using the changeset viewer.