취업/PHP

[php] input Datetime-local에 자바스크립트 제이쿼리 value 구현

카슈밀 2021. 10. 1. 15:34
반응형

input 창에 밸류를 넣어야한다. 그런데, 제이쿼리 구현하긴 귀찮다.

그러다보니 그런 것을 찾았는데, 결국 찾았다.

 

바로 datetime-local!

사용 방식은 이러하다.

그런데, 시간 규격이 개떡같다.

mysql 시간 규격은 YYYY-MM-DD hh:mm:ss인데, 필요한 시간 규격은

YYYY-MM-DDTHH:MM:SS라 다른 곳에서 쓰는 규격 양식으로 전환해야한다.

<form>
  <input type="datetime-local" id='currentDatetime'/>
</form>

<script>
  document.getElementById('currentDatetime').value= new Date().toISOString().slice(0, -1);
</script>

출처 

https://hianna.tistory.com/319

 

[HTML] 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기

날짜 시간 입력 항목에 기본값으로 현재 날짜, 시간을 지정하는 방법을 알아보도록 하겠습니다. 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기 지난번에는 HTML의 태그를 이용하여 날짜, 시

hianna.tistory.com

 

그래서 찾아보니 나오더라.

mysql 시간 양식을 해당 양식으로 전환하는!!

document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('.')[0]);

https://stackoverflow.com/questions/38816337/convert-javascript-date-format-to-yyyy-mm-ddthhmmss

 

convert javascript date format to YYYY-MM-DDTHH:MM:SS

how to convert default date in javascript to YYYY-MM-DDTHH:MM:SS format. new Date() returns Sun Aug 07 2016 16:38:34 GMT+0000 (UTC) and i need the current date to above format.

stackoverflow.com

 

나의 경우 제일 처음 코드블럭으로 사용했다. 끝 글자가 z가 들어간다나 뭐라나~

 

해당 내용을 통해서 간단히 구현했다.

 

이제 이것을 다시 mysql 양식으로 구현하자.

new Date().toISOString().split("T")[0] + ' ' + new Date().toTimeString().split(" ")[0];

해당 규격을 쓰면 다시 원래 mysql 규격으로 전환된다.

 

https://gurtn.tistory.com/65

 

[JS] 현재 날짜, 시간 포맷 (YYYY-MM-DD hh:mm:ss)

첫 번째 코드 (YYYY-MM-DD hh:mm:ss) new Date(+new Date() + 3240 * 10000).toISOString().replace("T", " ").replace(/\..*/, ''); // 2021-08-05 09:51:31 해당 코드는 3240 * 10000 이란 수식만 기억하면 쉽게..

gurtn.tistory.com

 

728x90