본문 바로가기

프론트엔드31

dataTable 특정 열에만 정렬 없애기 두가지 방법이 있다. html 에서 해당 th 에 data-orderable="false" 사용한다. datatable 에 다음 내용을 추가한다. target 은 컬럼의 순서이다. ,columnDefs: [{ "targets": [0], "orderable": false }] 다음 이미지처럼 라디오 버튼 위에는 정렬버튼이 없어진걸 확인할 수 있다. 2021. 9. 28.
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.