웹마스터 팁

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

 

 

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

 

제목 글쓴이 날짜
플래시 Embed패치(이올라스) 충돌에 의한 파일첨부버튼 해결법 [2] Guns 2008.03.18
로그인 풀림현상 원인 파악 [3] 남국 2008.03.19
업데이트 후 댓글 입력 창이 안 나올때...(댓글 에디터) file 수지보더 2008.03.20
상담/신청 (쓰기만 가능한 게시판) 만들기 [10] mmx900 2008.03.20
좁은폭의 레이아웃을 쓰시는 분들을 위하여 (게시판 제목부분 깔끔하게 만들기) [5] file gajagu 2008.03.20
''권한이 없습니다'' 라는 문구를 조금 더 부드럽게 바꾸기 [3] file RainSky 2008.03.21
사이트 주소로 접속했을때 XE폴더로 이동하기 #2 [15] 베니 2008.03.28
로그인풀림방지 - 자동 www 붙이는 다른 방법 [23] RainSky 2008.03.28
양력/음력DB 홈페이지에 사용하기 [2] 감뿌리 2008.03.29
탭 형태 문서출력에서 목록수 지정하기. [3] Zerode 2008.03.31
카테고리부분의 너비조절하기 [3] file gajagu 2008.04.01
갓난아기 상태의 제로보드 유저를 위한 팁. [2] font 2008.04.01
게시판을 외부레이아웃에 넣기 [4] file 박봉수610 2008.04.03
환율 계산 팝업창 띄우기 [9] file RainSky 2008.04.03
플래시로 페이지에 랜덤 이미지 돌리기 [3] ☜ TeRy ☞ 2008.04.04
최근 이미지 목록 + 라이트박스 [6] file 베니 2008.04.04
사각박스 코너를 이미지없이 둥글게 만드는법 [5] 느까끼 2008.04.07
외부페이지에서 매개변수 사용하기 [2] JnCsoft 2008.04.07
플래시 컨트럴 활성화하라는 메시지 없애기 [4] file 달구벌 2008.04.08
레이아웃수정시 참고할 zbXe레이아웃스킨의 css와 layout 상관관계(1.0.0 기본스킨) [21] file 갯가 2008.04.08