XETOWN

호수 공원

XE 사용에 대한 여러가지 정보들을 공유할 수 있습니다.
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

안녕하세요! XE타운 여러분~!?

 

datepicker.jpg

 

게시판 설정 -> 사용자 정의에서 형식을 일자(연월일)로 선택하고

글을 쓰면 위에 스샷처럼 날짜만 선택이 가능합니다.

 

datetimepicker.jpg

 

 

저는 위 스샷과 같이 날짜에 추가적으로 시간 데이터까지 필요하게 되어 별도의 작업을 진행 하였습니다.

 

해당 부분은 코어를 수정하는것 같아.. 만약 해당파일이 수정이되면 다시 패치해줘야 하는 번거로움이 있습니다.

참고 하시고 하는 방법은 아래를 읽어주시기 바랍니다.

 


 

 

우선 필요한 준비물은 jQuery-Timepicker-Addon JavaScript 패키지가 필요 합니다.

 

https://github.com/trentrichardson/jQuery-Timepicker-Addon.git

해당 파일은 위 주소에서 받으시면 됩니다.

 

파일을 받고 압축 파일을 열어보면

 

2016-09-01_124933.jpg

 

위와 같은 파일들을 확인 할 수 있는데 여기서 필요한 파일들은

 

 

2016-09-01_125040.jpg

 

dist 폴더에 있는 

jquery-ui-sliderAccess.js

jquery-ui-timepicker-addon.min.js

jquery-ui-timepicker-addon.min.css

 

파일 3개와

 

2016-09-01_125104.jpg

 

dist -> i18n 폴더안에 

jquery-ui-timepicker-ko.js

파일 1개가 필요 합니다.

 

2016-09-01_125509.jpg

xe설치경로/common/js/plugins/ 로 들어가서

위 파일 4개를 ui.datetimepicker 폴더를 만들어 주시고 넣어 줍니다.

 

2016-09-01_125733.jpg

 

그리고 xe설치경로/common/js/plugins/ui 에 들어가서

jquery-ui.min.js

jquery-ui.min.css

images 폴더

 

2개의 파일과 images 폴더를 복사해서 ui.datetimepicke 폴더에 넣어 줍니다.

 

2016-09-01_130037.jpg

 

그러면 최종적으로 ui.datetimepicke 폴더에는 위와 같이 파일들이 모여 있겠죠?

마지막으로 파일 하나를 더 추가해줘야하는데 바로

 

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

라고 내용을 적어주시고 저장해주시기 바랍니다.

 

그러면 timepicker를 사용할 준비는 끝났습니다.

 

// 귀찮으신 분들은 구글 드라이브에 파일을 올렸으니 받아서 해당 경로에 압축을 풀고 넣어주세요 (링크)

 

 

이제는 소스를 약간 수정해야 합니다.

 

2016-09-01_130708.jpg

 xe설치경로/classes/extravar/Extravar.class.php  수정

 

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

 

위 경로에 case 'date' :

부분을 기본 return zdate($value, "Y-m-d"); 는 주석 처리 해주시고 위와같이 변경해주세요

 

case 'date' :
// datepicker javascript plugin load
// Context::loadJavascriptPlugin('ui.datepicker');
// $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="' . lang('cmd_delete') . '" class="btn" id="dateRemover_' . $column_name . '" />';
// $buff[] = '<script type="text/javascript">';
// $buff[] = '//<![CDATA[';
// $buff[] = '(function($){';
// $buff[] = '$(function(){';
// $buff[] = '  var option = { dateFormat: "yy-mm-dd", changeMonth:true, changeYear:true, gotoCurrent:false, yearRange:\'-100:+10\', onSelect:function(){';
// $buff[] = '    $(this).prev(\'input[type="hidden"]\').val(this.value.replace(/-/g,""))}';
// $buff[] = '  };';
// $buff[] = '  $.extend(option,$.datepicker.regional[\'' . Context::getLangType() . '\']);';
// $buff[] = '  $("#date_' . $column_name . '").datepicker(option);';
// $buff[] = '  $("#dateRemover_' . $column_name . '").click(function(){';
// $buff[] = '    $(this).siblings("input").val("");';
// $buff[] = '    return false;';
// $buff[] = '  })';
// $buff[] = '});';
// $buff[] = '})(jQuery);';
// $buff[] = '//]]>';
// $buff[] = '</script>';
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="' . lang('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", changeMonth:true, changeYear:true, gotoCurrent:true, yearRange:\'-100:+10\',  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>';
break;

 

그리고 위와 같이

Context::loadJavascriptPlugin('ui.datepicker'); 부분을 컨트롤+F 로 찾아서

기존 datepicker 부분을 datetimepicker로 변경해 줍니다.

 

그러면 사용자정의에서 날짜와 시간을 선택 할 수 있습니다.

 

 

 

 

 

  • profile
    구름이 2016.09.01 16:08:58
    좋은팁 감사드립니다~!
  • profile
    윤삼 2016.09.01 19:18:49
    생각지도 못해봤던 팁이네요. 감사합니다~
  • profile
    데버 2016.09.06 09:57:49
    웹호스팅 받는 홈피에서도 사용 가능한 거인가요?
  • profile
    Sunup 2016.09.06 13:16:10
    넵 ftp로 파일 업로드 수정만 하시면 가능 합니다~!
  • ?
    가이더 2017.02.11 17:24:43
    왜 저는 똑같이 했는데도 안되는지 모르겠습니다.

List of Articles
번호 분류 제목 글쓴이 날짜
공지 질문/답변 답변을 확실히 받기위한 질문자 지침서 4 람보 2017.05.04
화제의 글 자료공유 플로팅 팝업 비디오 애드온 ver 0.5.2[update 17/05/20] 92 file natura 2017.05.09
화제의 글 자료공유 플로팅 팝업 비디오 애드온 VER 0.6.0 15 updatefile natura 2017.05.22
5417 질문/답변 SCM Music Player 익스플로러로 로그인시 기본 URL 설정이 안 되어 있습니다. 1 대한천자 2017.05.03
5416 질문/답변 지정된 브라우저가 아닐 경우에 경고문 같은 것을 띄울 수 있나요? 2 아스타 2017.05.03
5415 질문/답변 고급 메일 발송 모듈 사용중인데 일부 회원들에게 메일이 가지 않습니다. 1 스트릿 2017.05.03
5414 질문/답변 갑자기 SNS 로그인 먹통, 댓글, 글쓰기 속도 느려짐 5 매미맴맴 2017.05.03
5413 질문/답변 도메인 등록업체 추천부탁드립니다! 10 루이스 2017.05.03
5412 질문/답변 라이믹스 관리자 메뉴 링크 관련 문제 2 희로 2017.05.03
5411 질문/답변 게시글 읽으면 투명하게 하는거 3 낙타 2017.05.03
5410 질문/답변 이부분은 어떻게 해야하나요? 1 file 낙타 2017.05.03
5409 질문/답변 SSL 적용 후 404 에러가 뜹니다 1 비누 2017.05.03
5408 질문/답변 글 본문에 아무것도 입력하지 않은 상태로 글쓰기를 완료하려면? 2 Chronos 2017.05.03
5407 질문/답변 이정도면 얼마정도 나오나요? 14 NEX 2017.05.03
5406 질문/답변 웹사이트 기능 6 sampo 2017.05.03
5405 질문/답변 소셜 로그인은 어떤 아이디를 사용하나요? 2 xe왕초보 2017.05.03
5404 질문/답변 스팸필터 키워드에서 대소문자 구별을 못합니다 alrin 2017.05.03
5403 질문/답변 관리자 메뉴에서 에러가 납니다... 3 나그네 2017.05.03
5402 질문/답변 제 홈페이지 스크롤 속도가 굉장히 빠른편인 듯 해요 9 마더캣 2017.05.02
5401 질문/답변 xe에서는 티스토리나 네이버 블로그처럼 글쓰기 버튼 누르면 게시판 선택하여 글쓰게끔 구현하는건 힘들까요? 1 sami 2017.05.02
5400 질문/답변 XE로 데이터 이전을 하려고 하는데,.. 업체에서 SQL 파일을 안주네요. 12 마음의빈자리 2017.05.02
5399 질문/답변 아약스 보드 웹소켓 설정 한번 봐주실분 계세요? 1 file 스마일 2017.05.02
5398 질문/답변 왜 아파치가 시작되지 않을까요?ㅜ.ㅜ 1 SimpleCode 2017.05.02
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 ... 279 Next
/ 279
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...