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

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

File:
1 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_12-multilang/data/Smarty/templates/admin/products/index.tpl

    r22134 r22212  
    5454} 
    5555 
     56$(function(){ 
     57    $.datepicker.setDefaults( $.datepicker.regional[ "<!--{$smarty.const.LANG_CODE}-->" ] ); 
     58     
     59    $( "#datepickersearch_start" ).datepicker({ 
     60    beforeShowDay: function(date) { 
     61        if(date.getDay() == 0) { 
     62            return [true,"date-sunday"];  
     63        } else if(date.getDay() == 6){ 
     64            return [true,"date-saturday"]; 
     65        } else { 
     66            return [true]; 
     67        } 
     68    },changeMonth: 'true' 
     69    ,changeYear: 'true' 
     70    ,onSelect: function(dateText, inst){ 
     71        setDatesearch_start(dateText); 
     72    }, 
     73    showButtonPanel: true, 
     74    beforeShow: showAdditionalButtonsearch_start,        
     75    onChangeMonthYear: showAdditionalButtonsearch_start 
     76    }); 
     77     
     78    $("#datepickersearch_start").blur( function() { 
     79        var dateText = $(this).val(); 
     80        setDatesearch_start(dateText); 
     81    }); 
     82     
     83    $( "#datepickersearch_end" ).datepicker({ 
     84    beforeShowDay: function(date) { 
     85        if(date.getDay() == 0) { 
     86            return [true,"date-sunday"];  
     87        } else if(date.getDay() == 6){ 
     88            return [true,"date-saturday"]; 
     89        } else { 
     90            return [true]; 
     91        } 
     92    },changeMonth: 'true' 
     93    ,changeYear: 'true' 
     94    ,onSelect: function(dateText, inst){ 
     95        setDatesearch_end(dateText); 
     96    }, 
     97    showButtonPanel: true, 
     98    beforeShow: showAdditionalButtonsearch_end,        
     99    onChangeMonthYear: showAdditionalButtonsearch_end 
     100    }); 
     101     
     102    $("#datepickersearch_end").blur( function() { 
     103        var dateText = $(this).val(); 
     104        setDatesearch_end(dateText); 
     105    }); 
     106 
     107}); 
     108 
     109var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Clear</button>'); 
     110 
     111var showAdditionalButtonsearch_start = function (input) { 
     112    setTimeout(function () { 
     113        var buttonPane = $(input) 
     114                 .datepicker("widget") 
     115                 .find(".ui-datepicker-buttonpane"); 
     116        btn 
     117                .unbind("click") 
     118                .bind("click", function () { 
     119                    $.datepicker._clearDate(input); 
     120                    $("*[name=search_startyear]").val(""); 
     121                    $("*[name=search_startmonth]").val(""); 
     122                    $("*[name=search_startday]").val(""); 
     123                }); 
     124        btn.appendTo(buttonPane); 
     125    }, 1); 
     126}; 
     127 
     128var showAdditionalButtonsearch_end = function (input) { 
     129    setTimeout(function () { 
     130        var buttonPane = $(input) 
     131                 .datepicker("widget") 
     132                 .find(".ui-datepicker-buttonpane"); 
     133        btn 
     134                .unbind("click") 
     135                .bind("click", function () { 
     136                    $.datepicker._clearDate(input); 
     137                    $("*[name=search_endyear]").val(""); 
     138                    $("*[name=search_endmonth]").val(""); 
     139                    $("*[name=search_endday]").val(""); 
     140                }); 
     141        btn.appendTo(buttonPane); 
     142    }, 1); 
     143}; 
     144 
     145function setDatesearch_start(dateText){ 
     146var dates = dateText.split('/'); 
     147$("*[name=search_startyear]").val(dates[0]); 
     148$("*[name=search_startmonth]").val(dates[1]); 
     149$("*[name=search_startday]").val(dates[2]); 
     150} 
     151 
     152function setDatesearch_end(dateText){ 
     153var dates = dateText.split('/'); 
     154$("*[name=search_endyear]").val(dates[0]); 
     155$("*[name=search_endmonth]").val(dates[1]); 
     156$("*[name=search_endday]").val(dates[2]); 
     157} 
    56158</script> 
    57159 
    … …  
    117219                    <span class="attention"><!--{$arrErr.search_endyear}--></span> 
    118220                <!--{/if}--> 
    119                 <select name="search_startyear" style="<!--{$arrErr.search_startyear|sfGetErrorColor}-->"> 
    120                 <option value="">----</option> 
    121                 <!--{html_options options=$arrStartYear selected=$arrForm.search_startyear.value}--> 
    122                 </select>年 
    123                 <select name="search_startmonth" style="<!--{$arrErr.search_startyear|sfGetErrorColor}-->"> 
    124                 <option value="">--</option> 
    125                 <!--{html_options options=$arrStartMonth selected=$arrForm.search_startmonth.value}--> 
    126                 </select>月 
    127                 <select name="search_startday" style="<!--{$arrErr.search_startyear|sfGetErrorColor}-->"> 
    128                 <option value="">--</option> 
    129                 <!--{html_options options=$arrStartDay selected=$arrForm.search_startday.value}--> 
    130                 </select>日 
     221                <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}--> /> 
     222                <input type="hidden" name="search_startyear" value="<!--{$arrForm.search_startyear.value}-->" /> 
     223                <input type="hidden" name="search_startmonth" value="<!--{$arrForm.search_startmonth.value}-->" /> 
     224                <input type="hidden" name="search_startday" value="<!--{$arrForm.search_startday.value}-->" /> 
    131225                <!--{t string="-"}--> 
    132                 <select name="search_endyear" style="<!--{$arrErr.search_endyear|sfGetErrorColor}-->"> 
    133                 <option value="">----</option> 
    134                 <!--{html_options options=$arrEndYear selected=$arrForm.search_endyear.value}--> 
    135                 </select>年 
    136                 <select name="search_endmonth" style="<!--{$arrErr.search_endyear|sfGetErrorColor}-->"> 
    137                 <option value="">--</option> 
    138                 <!--{html_options options=$arrEndMonth selected=$arrForm.search_endmonth.value}--> 
    139                 </select>月 
    140                 <select name="search_endday" style="<!--{$arrErr.search_endyear|sfGetErrorColor}-->"> 
    141                 <option value="">--</option> 
    142                 <!--{html_options options=$arrEndDay selected=$arrForm.search_endday.value}--> 
    143                 </select>日 
     226                <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}--> /> 
     227                <input type="hidden" name="search_endyear" value="<!--{$arrForm.search_endyear.value}-->" /> 
     228                <input type="hidden" name="search_endmonth" value="<!--{$arrForm.search_endmonth.value}-->" /> 
     229                <input type="hidden" name="search_endday" value="<!--{$arrForm.search_endday.value}-->" /> 
    144230            </td> 
    145231        </tr> 
Note: See TracChangeset for help on using the changeset viewer.