웹마스터 팁

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>';

 

 

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

 

제목 글쓴이 날짜
계시판 확장변수에 대하여 여쭤봅니다. [1] 마지막드론 2011.08.14
특정 확장변수를 로그인한 회원에게만 보이게 하기 [3] 비밀얌 2011.09.17
관리툴 회원관리에서 확장변수로 검색 시 숫자 이외 검색불가 해결 방법 카리브 2011.10.10
XE 1.5 에서 확장변수 검색이 안 되시는 경우 해결책 [5] sejin7940 2012.01.24
확장변수이용시 숫자 일경우 정렬하기 팁 푸하라 2012.02.02
확장변수 중 전화번호 양식으로 write_form.html 에서 script로 제어시 sejin7940 2012.02.16
[공유]로그인 하지 않아도 게시판에서 회원정보 출력 하기 (가입품 확장변수 포함) [6] file rminkim 2012.03.20
요즘 만들고 있는 사이트에 적용한 것(모바일 확장변수) [4] 유니눅스 2012.07.30
특정 확장변수값이 포함된 글의 총 개수를 출력하는 함수 [3] sejin7940 2012.08.07
확장변수 숫자(화폐) 콤마 표시하기 (sketchbook 스킨) file 라싸 2012.08.12
게시판 확장변수 설명 삭제 안 되는 버그 해결방법 sejin7940 2012.08.30
스케치북 게시판 스킨 사용시 확장변수 라인 CSS수정 해피보이 2012.10.17
XE 1,7 에서 확장변수 기준으로 정렬 기능이 작동 안 하는 버그 수정법 [1] sejin7940 2013.12.04
확장변수, 회원가입 등의 한국 우편번호 검색 서버 주소 변경... [2] Double'U' 2013.12.26
게시판 최초 정렬을 사용자정의(확장변수) 기준으로 설정 가능하게 하는 방법 [8] sejin7940 2014.01.20
*LI-NA님의 큰 선물* SKETCHBOOK5 (최신버전)에서 특정 확장변수를 추천하는 사람에게만 공개하도록 하는 방법 [4] file 큰성565 2014.04.30
게시판 글쓰기 폼은 없이 확장변수만 표시할 수 있는 게시판 만들기 (for sketchbook5 최신버전 기준) [2] 큰성565 2014.05.02
게시판 글 엑셀로 출력하기(확장변수 포함) [15] 한이73 2014.07.17
확장변수 정렬 방법 아름다운청년1 2014.12.31
확장변수에 시분초 추가하기 [1] file 해떨 2015.04.15