웹마스터 팁

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

 

 

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

 

제목 글쓴이 날짜
썸네일 특정 파일로 불러오기 [18] Lansi 2014.01.21
유챗 팝업창으로 만들기 [1] file oscarmike 2014.04.26
모바일 이미지축소모드 kdp 2015.05.07
모바일 이미지 제거모드 kdp 2015.05.07
게시판의 MP3파일 갯수 표시하기 file kdp 2015.05.07
[서버운영] 웹 재요청 방지 및 트래픽 감소를 위한 방법 마루디자인 2015.05.06
member 모듈 업데이트가 계속 나오는 경우 고니고니 2015.05.06
속도관련 나노팁. [5] 1052 2015.05.04
익명게시판에서 임시저장된 글을 불러와 등록하면 익명처리되지 않고 글쓴이 정보가 기록되는 버그 수정 [1] sejin7940 2015.01.23
팝업모듈에서 jQuery 충돌 해결 - 팝업창이 안뜰때. [5] file 똑디 2013.03.22
xe설치시 퍼미션 문제나 DB엑세스 문제 해결하기 길가던분 2015.05.01
[애매모호]스케치북 게시판을 뭔가 큼직큼직하게 눈에 잘들어오게 바꾸기 [10] socialskyo 2014.01.03
PC에서 모바일화면 보는방법 [2] 빅스타 2015.04.29
스케치북 게시판 추천+등록 버튼 만들기 (수정) [8] file 숭숭군 2012.09.22
양력을 음력으로... [7] pupstar 2001.08.14
[초간단 자바스크립트!] 이미지 드래그하기..~~ [8] ∑Ztxy 2003.11.02
간편 css 압축 Ansi™ 2015.04.21
XE 1.5 이상으로 DB 이전시 일부 DB가 빠질 경우 - 내용추가(0203) [7] sejin7940 2012.02.02
정렬을 사용자정의값으로 한 경우 저장이 안 되는 현상 수정 [1] sejin7940 2015.01.06
프리 반응형 템플릿(html/css/js) 다운받을 수 있는 곳 [1] jhsongsh 2014.10.28