$(document).ready(function() {
$('#example').DataTable();
} );
In addition to the above code, the following Javascript library files are loaded for use in this example:
https://code.jquery.com/jquery-3.5.1.js
https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js
css
The following CSS library files are loaded for use in this example to provide the styling of the table:
https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css
<script>
// 테이블의 Row 클릭시 값 가져오기
$("#example-table-1 tr").click(function(){
var str = ""
var tdArr = new Array(); // 배열 선언
// 현재 클릭된 Row(<tr>)
var tr = $(this);
var td = tr.children();
// tr.text()는 클릭된 Row 즉 tr에 있는 모든 값을 가져온다.
console.log("클릭한 Row의 모든 데이터 : "+tr.text());
// 반복문을 이용해서 배열에 값을 담아 사용할 수 도 있다.
td.each(function(i){
tdArr.push(td.eq(i).text());
});
console.log("배열에 담긴 값 : "+tdArr);
// td.eq(index)를 통해 값을 가져올 수도 있다.
var no = td.eq(0).text();
var userid = td.eq(1).text();
var name = td.eq(2).text();
var email = td.eq(3).text();
str += " * 클릭된 Row의 td값 = No. : <font color='red'>" + no + "</font>" +
", 아이디 : <font color='red'>" + userid + "</font>" +
", 이름 : <font color='red'>" + name + "</font>" +
", 이메일 : <font color='red'>" + email + "</font>";
$("#ex1_Result1").html(" * 클릭한 Row의 모든 데이터 = " + tr.text());
$("#ex1_Result2").html(str);
});
</script>
//1일 추가
> tmpdate = new Date(2021,07,07)
Sat Aug 07 2021 00:00:00 GMT+0900 (한국 표준시)
> tmpdate.setTime(tmpdate.getTime() + (24*60*60*1000))
1628348400000
> new Date(tmpdate)
Sun Aug 08 2021 00:00:00 GMT+0900 (한국 표준시)
//1시간 추가
> tmpdate = new Date(2021,07,07)
Sat Aug 07 2021 00:00:00 GMT+0900 (한국 표준시)
> tmpdate.setTime(tmpdate.getTime() + (1*60*60*1000))
1628265600000
> new Date(tmpdate)
Sat Aug 07 2021 01:00:00 GMT+0900 (한국 표준시)
포멧 변경
function sDateToDate(strDate)
{
//Ex) '04/26/2021 4:37 PM'
var yyyyMMDD = String(strDate)
var sYear = yyyyMMDD.substring(6,10);
var sMonth = yyyyMMDD.substring(0,2);
var sDate = yyyyMMDD.substring(3,5);
var sTime = yyyyMMDD.substring(10,19);
//Ex) '2021-04-26 4:37 PM'
return sYear + '-' + sMonth + '-' + sDate + sTime
}
