메뉴 건너뛰기

MH

내 사랑치 않고 끝내는 것 보다 사랑해서 잃어 버리는 편이 좋다.

It is better to have loved and lost than to have never loved at all.

조회 수 111 추천 수 0 댓글 0
Extra Form
원작자 sunup
출처 https://xetown.com/rxe_tip/364864
적용여부 NO
XE 적용시점 버전 : Rhymix 1.9.8.1

안녕하세요! 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  수정

 

?

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

1

2

3

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"); 는 주석 처리 해주시고 위와같이 변경해주세요

 

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

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로 변경해 줍니다.

 

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

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

Atachment
첨부 '10'
    댓글이 하나도 없네요ㅠㅠ
    Tip이 도움이 되었다면 댓글과 평가 부탁합니다. Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?

List of Articles
번호 분류 제목 원작자 날짜 조회 수 적용여부
252 문하우스 게시판으로 간단한 거래장부 만들기 file 80san 2019.03.27 150 NO
251 문하우스 호스팅 이전 하면서 /xe 떼고 SSL설치한 경험기 입니다. file 80san 2019.03.16 125 적용
250 문하우스 게시글보기 링크문구 바로가기 아이콘 출력 file 80san 2019.02.23 184 적용
249 문하우스 게시판 글쓰기시 Tag부분 출력 유무 설정방법 file 80san 2019.02.17 50 적용
248 문하우스 "드래그하여 페이지/문서 이동 애드온" 적용팁 5 file 80san 2019.02.14 114 적용
247 XE타운 XE 위젯을 반응형으로 적용하자 file 도토리묵 2018.12.31 119 변형
246 XE타운 댓글이 2줄 이상일 경우 접고 펴는 기능추가하기 file 이온디 2018.11.27 86 변형
245 문하우스 Sketchbook5 게시판 글작성시 상단에 빵조각메뉴 부분 삭제하기 file 80san 2018.11.02 106 적용
244 문하우스 Xedition 레이아웃 스킨에서 검색버턴 바꾸기 file 80san 2018.10.31 75 적용
243 문하우스 xedition레이아웃과 sketchbook5 게시판을 같이 사용시 미미한 문제점수정 file 80san 2018.10.27 83 적용
242 문하우스 구글 드라이브 자료링크를 XE게시판에 적용하는 방법 file 80san 2018.09.25 156 적용
» XE타운 게시판 사용자정의 일자(연월일)에 시간 추가하는 방법 file sunup 2018.09.03 111 NO
240 XE타운 PC, 모바일, Tab 접속장치 구분 코드 file misol 2018.08.03 102 적용
239 XE타운 마지막 문장 이후 오는 <p> </p> 를 모두 제거해서 보여주는 방법 prologos 2018.07.28 70 적용
238 문하우스 구글 웹사이트 번역기 웹페이지에 간단하게 달기 file 80san 2018.07.27 168 NO
237 문하우스 이미지 Hover시 Zoom기능 출력 file 80san 2018.07.25 88 적용
236 기타 XE 위젯에 임시 저장글이 뜰때 해결방법 file 잡다한 생각 2018.07.13 29 적용
235 문하우스 외부링크 파일을 로그인회원만 확장변수활용 다운받게 하는 방법 file plruto 2018.02.17 211 적용
234 문하우스 Ckeditor에 스킨 설치하는 방법 file 80san 2018.02.13 316 NO
233 문하우스 Ckeditor에 플러그인 설치하는 방법 1 file 80san 2018.02.11 525 적용
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...