본문 바로가기

프론트엔드/Javascript29

dataTable 데이터 변경시 테이블 다시 그리기 datatable 을 생성한 후 내용이 변경될 때마다 datatable 을 다시 생성해줘야한다. $("#"+테이블 ID).DataTable().destroy(); destroy() 를 사용해 table을 지우고 다시생성한다. $("#module_table").DataTable().destroy(); $("#module_job_list").DataTable().draw(); 2021. 9. 28.
[Javascript] 하루전, 한달전, 일년전으로 날짜 세팅하기 var settingDate = new Date(); settingDate.setDate(settingDate.getDate()-1); //하루 전 $("#endDate").val(settingDate.asString()); settingDate.setMonth(settingDate.getMonth()-1); //한달 전 $("#startDate").val(settingDate.asString()); settingDate.setYear(settingDate.getYear()-1); //일년 전 $("#startDate").val(settingDate.asString()); 2021. 9. 9.
[javascript] 현재 날짜 시간 구하기 date format ( yyyy-MM-dd, yyyy-MM-dd hh:mm:ss ) //yyyy-MM-dd function convertDate(datetime){ var date = new Date(datetime); var year = date.getFullYear(); var month = date.getMonth()+1; month = month >= 10 ? month : '0' + month; var day = date.getDate(); day = day >= 10 ? day : '0' + day; return [year,month,day].join('-'); } //yyyy-MM-dd HH:mm:ss function convertDateTime(datetime){ var date = new Date(datetime); var year = date.getFullYear();.. 2021. 9. 9.
ajax 사용 후 이벤트 작동하지 않을 때 다음과 같이 작성되어 있으면 일회성 클릭만 된다. $('#changedata').click(function(){ }); 다음과 같이 변경해주면 해당 값에 대해서 클릭이 계속 가능하다. $(document).on('click', '#changedata', function(){ }); 2021. 9. 6.
[jquery] checkbox 체크여부 확인하기 checkbox checked 여부 - id로 체크하는 경우 $('input:checkbox[id="checkbox_id"]').is(":checked") == true - name으로 체크하는 경우 $('input:checkbox[name="checkbox_name"]').is(":checked") == true - $('input[id="checkbox_id"]') + 옵션 형태로 작성 가능 $('input[name="checkbox_name"]').is(":checked") - true, false 로 확인 //체크된 상태 $('input[name="checkbox_name"]').is(":checked") == true //체크 안 된 상태 $('input[name="checkbox_name"]'.. 2021. 8. 25.
[javascript] json, array,Object - for each 문으로 값 확인 json $.each(jsondata,function (key,value){ }); 배열 $.each(value,function (index,value){ // console.log(key,'i > ',index,' ,v >',value); // strhtml += ""; //strhtml += ""; //$('#td'+key).append(strhtml); //$("input[name="+key+"]").val(value); }); 객체 // 키값 확인 Object.keys(data) 2021. 8. 25.

티스토리툴바