웹마스터 팁

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

 

 

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

 

제목 글쓴이 날짜
확장변수로 북마크 게시판 만들기 [2] 레디오빠 2010.01.31
[초보팁] 최근게시물 위젯에 확장변수 표시하기 [23] 오뎅궁물 2010.01.29
게시글 확장변수 순으로 정렬하기 (2010.01.18 13:18 수정) [24] June Oh 2010.01.11
특정 확장변수를 글 추천자에게만 보이게 하기 [10] 뮤랑이 2010.01.11
확장변수값 계산하여 게시판 리스트에 출력하기(총계 게시판) [1] file klaist 2009.11.30
게시판 리스트에서 확장변수를 카테고리처럼 보여주기 [11] file 고진감래 2009.11.05
게시판 글작성 선택적 메일보내기 - 확장변수 이용 [2] file noirzo 2009.10.28
모든 원하는 확장변수를 선택해서 최근게시물 위젯에 나타내기 간단팁 [12] jsuimage 2009.10.17
[확장변수] 게시물을 새창에서 전체화면으로 보기 [2] file 고진감래 2009.10.09
확장변수 한줄입력칸 폭 조정하기 [2] 아고라 2009.09.30
방명록 게시판에서 확장변수 검사 안되는 문제 임시 방안 June Oh 2009.09.28
확장변수 이용 답변완료 이미지 띄우기 간단 팁 [7] file jsuimage 2009.09.25
게시판 확장변수 일괄 등록 하기 [2] file 2년후 2009.09.20
확장변수를 위젯에서 출력하기 [5] bibi 2009.07.19
확장변수에 회원정보를 넣어보자 [10] file 개돌 2009.06.30
확장변수 폼 디자인 하기 [14] file Diver 2009.06.21
확장변수값 이미지로 대체하여 나타내기 (실시간 응대목적) [12] file sm3 2009.06.10
확장변수 출력 방법 초 심플하게 적어봅니다. [15] 라르게덴 2009.03.16
Faceoff 버젼에서 확장변수 마음대로 배치하기 ^^ 파파민 2009.03.13
확장변수전용 권한설정 게시판스킨 미권한자에게 출력 (''깜박''오류?) 보고 file 0su 2009.02.25