웹마스터 팁

2015-04-15_105528.png

 

https://www.xpressengine.com/qna/22313433 내용을 보고

확장변수 시분초를 넣으시고 싶으신 분들을 위해 끄적여 봅니다..

 

먼저 http://trentrichardson.com/examples/timepicker/ 에 들어가 

Download/Contribute on GitHub 란 항목을 클릭 후 집 파일을 받고 풀어줍시다

 

그럼 jQuery-Timepicker-Addon-master 란 폴더안에 다음과 같은 파일이 있는데

 

filelist.png 

여기서 필요한건 dist 폴더에 있는

 

jquery-ui-sliderAccess.js

jquery-ui-timepicker-addon.min.js

jquery-ui-timepicker-addon.min.css

( i18n/jquery-ui-timepicker-ko.js )

 

파일 입니다.

후 xe설치경로/common/js/plugins/ui.datetimepicker 란 폴더를 만들고 위에 있는 파일을 넣은 다음

xe설치경로/common/js/plugins/ui 에 들어가 jquery-ui.min.js, jquery-ui.min.css 파일을 훔칩니다(?)

 

folder : ui.datetimepicker 

uidatetimepicker.png

그리고 위에 보이는 대로 plugin.load 란 이름의 파일을 만들고

 

내용 : 

jquery-ui.min.js
jquery-ui.min.css
jquery-ui-sliderAccess.js
jquery-ui-timepicker-addon.min.css
jquery-ui-timepicker-addon.min.js
jquery-ui-timepicker-ko.js

 

을 입력해 주시면 됩니다.

 

 

 

 

 

다음으로 xe설치경로/classes/extravar/Extravar.class.php 를 수정합니다

 

305 번째 줄

case 'date' :
   //수정
   return zdate($value, "Y-m-d H:i:s");
   //return zdate($value, "Y-m-d");

 

 

420 번째 줄부터 break; 위 까지 주석 처리 후 이 코드를 넣어주시면 됩니다

Context::loadJavascriptPlugin('ui.datetimepicker');

$buff[] = '<input type="hidden" name="' . $column_name . '" value="' . $value . '" />'; 
$buff[] = '<input type="text" id="date_' . $column_name . '" value="' . zdate($value, 'Y-m-d H:i:s') . '" class="date" />';
$buff[] = '<input type="button" value="' . Context::getLang('cmd_delete') . '" class="btn" id="dateRemover_' . $column_name . '" />';
$buff[] = '<script type="text/javascript">';
$buff[] = '//<![CDATA[';
$buff[] = '(function($){';
$buff[] = '$(function(){';
$buff[] = '  var option = { timeFormat: "HH:mm:ss", onSelect:function(){';
$buff[] = '    $(this).prev(\'input[type="hidden"]\').val(this.value.replace(/\D/g,""))}';
$buff[] = '  };';
$buff[] = '  $("#date_' . $column_name . '").datetimepicker(option);';
$buff[] = '  $("#dateRemover_' . $column_name . '").click(function(){';
$buff[] = '    $(this).siblings("input").val("");';
$buff[] = '    return false;';
$buff[] = '  })';
$buff[] = '});';
$buff[] = '})(jQuery);';
$buff[] = '//]]>';
$buff[] = '</script>';

 

 

추가로 넣을려면 위에 있는 코드를 참고삼아 수정하시면 됩니다