Changeset 22359 for branches/version-2_12-multilang/data/Smarty/templates/admin/contents/index.tpl

Timestamp:

2013/01/24 22:25:44 (11 years ago)

Author:

adachi

Message:

#1987 カレンダーの日付フォーマット対応(コンテンツ管理)

File:

• branches/version-2_12-multilang/data/Smarty/templates/admin/contents/index.tpl (modified) (4 diffs)

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

@@ -106 +106 @@
 
     $(function(){
-        
+        var dateFormat = $.datepicker.regional['<!--{$smarty.const.LANG_CODE}-->'].dateFormat;
+
+        <!--{if $arrForm.year != '' && $arrForm.month != '' && $arrForm.day != ''}-->
+        var year  = '<!--{$arrForm.year|h}-->';
+        var month = '<!--{$arrForm.month|h}-->';
+        var day   = '<!--{$arrForm.day|h}-->';
+        var ymd = $.datepicker.formatDate(dateFormat, new Date(year, month - 1, day));
+        $("#datepicker").val(ymd);
+        // console.log(ymd);
+        <!--{/if}-->
+
         $( "#datepicker" ).datepicker({
         beforeShowDay: function(date) {
@@ -119 +129 @@
         ,changeYear: 'true'
         ,onSelect: function(dateText, inst){
-            setDate(dateText);
+            var year  = inst.selectedYear;
+            var month = inst.selectedMonth + 1;
+            var day   = inst.selectedDay;
+            setDate(year + '/' + month + '/' + day);
         },
         showButtonPanel: true,
@@ -126 +139 @@
         });
         
-        $("#datepicker").blur( function() {
-            var dateText = $(this).val();
-            setDate(dateText);
+        $("#datepicker").change( function() {
+            var dateText   = $(this).val();
+            var dateFormat = $.datepicker.regional['<!--{$smarty.const.LANG_CODE}-->'].dateFormat;
+            // console.log(dateText);
+            // console.log(dateFormat);
+            var date;
+            var year  = '';
+            var month = '';
+            var day   = '';
+            try {
+                date = $.datepicker.parseDate(dateFormat, dateText);
+                year  = date.getFullYear();
+                month = date.getMonth() + 1;
+                day   = date.getDay();
+            } catch (e) {
+                // console.log(e);
+                // clear date text
+                $(this).val('');
+            }
+            setDate(year + '/' + month + '/' + day);
         });
         
@@ -175 +205 @@
             <td>
                 <!--{if $arrErr.year || $arrErr.month || $arrErr.day}--><span class="attention"><!--{$arrErr.year}--><!--{$arrErr.month}--><!--{$arrErr.day}--></span><!--{/if}-->
-                <input id="datepicker" type="text" value="<!--{if $arrForm.year != "" && $arrForm.month != "" && $arrForm.day != ""}--><!--{$arrForm.year|h}-->/<!--{$arrForm.month|h|string_format:'%02d'}-->/<!--{$arrForm.day|h|string_format:'%02d'}--><!--{/if}-->" <!--{if $arrErr.year != ""}--><!--{sfSetErrorStyle}--><!--{/if}--> />
-                <input type="hidden" name="year" value="<!--{$arrForm.year}-->" />
-                <input type="hidden" name="month" value="<!--{$arrForm.month}-->" />
-                <input type="hidden" name="day" value="<!--{$arrForm.day}-->" />
+                <input id="datepicker"
+                       type="text"
+                       value="" <!--{if $arrErr.year != ""}--><!--{sfSetErrorStyle}--><!--{/if}--> />
+                <input type="hidden" name="year" value="<!--{$arrForm.year|h}-->" />
+                <input type="hidden" name="month" value="<!--{$arrForm.month|h}-->" />
+                <input type="hidden" name="day" value="<!--{$arrForm.day|h}-->" />
             </td>
         </tr>