티스토리 뷰
실전코드에서 현재 날짜를 넣는 간단한 코드를 공유합니다.
행을 추가할때 현재의 날짜를 넣고 싶다?
이런 경우 많잖아요~
// 정비내역 행 추가 함수
function addRow_maintenance(tableBody, rowData = {}) {
var newRow = $('<tr>');
// 일련번호
newRow.append('<td class="text-center serial-number"></td>');
// 정비일자 (Date 필드)
var maintenanceDate = rowData.maintenance_date || new Date().toISOString().split('T')[0]; // 현재 날짜 기본값으로 설정
newRow.append('<td class="text-center"><input type="date" name="maintenance_date[]" class="form-control text-center" value="' + maintenanceDate + '"></td>');
// 정비내역 기록 (Text 필드)
var maintenanceRecord = rowData.maintenance_record || ''; // 기존 데이터 설정
newRow.append('<td class="text-center"><textarea name="maintenance_record[]" class="form-control" rows="1">' + maintenanceRecord + '</textarea></td>');
// 추가/삭제 버튼
newRow.append('<td class="text-center">' +
'<button type="button" class="btn btn-outline-dark btn-sm add-row-maintenance" style="border:0px;">+</button>' +
'<button type="button" class="btn btn-outline-danger btn-sm remove-row-maintenance" style="border:0px;">-</button>' +
'</td>');
// 행을 테이블에 추가
tableBody.append(newRow);
// 일련번호 갱신
updateSerialNumbers(tableBody);
}
// 정비내역 행 추가 함수
function addRow_maintenance(tableBody, rowData = {}) {
var newRow = $('<tr>');
// 일련번호
newRow.append('<td class="text-center serial-number"></td>');
// 정비일자 (Date 필드)
var maintenanceDate = rowData.maintenance_date || new Date().toISOString().split('T')[0]; // 현재 날짜 기본값으로 설정
newRow.append('<td class="text-center"><input type="date" name="maintenance_date[]" class="form-control text-center" value="' + maintenanceDate + '"></td>');
// 정비내역 기록 (Text 필드)
var maintenanceRecord = rowData.maintenance_record || ''; // 기존 데이터 설정
newRow.append('<td class="text-center"><textarea name="maintenance_record[]" class="form-control" rows="1">' + maintenanceRecord + '</textarea></td>');
// 추가/삭제 버튼
newRow.append('<td class="text-center">' +
'<button type="button" class="btn btn-outline-dark btn-sm add-row-maintenance" style="border:0px;">+</button>' +
'<button type="button" class="btn btn-outline-danger btn-sm remove-row-maintenance" style="border:0px;">-</button>' +
'</td>');
// 행을 테이블에 추가
tableBody.append(newRow);
// 일련번호 갱신
updateSerialNumbers(tableBody);
}
new Date().toISOString().split('T')[0]는 현재 날짜를 YYYY-MM-DD 형식으로 가져옵니다.
rowData.engine_oil_change_date || new Date().toISOString().split('T')[0]에서 rowData.engine_oil_change_date 값이 없으면 현재 날짜가 기본값으로 설정됩니다.
'IT tech Coding > javascript' 카테고리의 다른 글
자바스크립트로 견적금액 소계, 합계 만들어보자구요~ (0) | 2024.10.17 |
---|---|
자바스크립트로 window 창을 띄울때 컴퓨터의 해상도에 따라서 팝업창이 뜨게 하는 코드 (0) | 2024.09.26 |
달력의 일자를 균등배분해서 나타내기 (0) | 2024.09.01 |
자동으로 엑셀처럼 행을 추가하는 javascript 코드 연구 (0) | 2024.08.23 |
html2pdf 라이브러리에서 pagebreak 옵션 (0) | 2024.07.30 |
- Total
- Today
- Yesterday
- #cx_Freeze
- #프로그램설치
- chatGPT3.5파이썬버전
- #독립실행파일
- 효율적코딩방법
- 2분후종료오토핫키
- #InstallForge
- 엑셀입력보호
- 뫄프로그래밍
- 오토핫키가이드
- .htaccess수정
- sql문장 날짜계산
- #파이썬인스톨러
- Bootstrap 5
- 엑셀보호
- 엑셀셀보호
- 스크립트작성기초
- 프로그래머생활
- #NSIS
- #소프트웨어배포
- coalesce는 한국어로 "코얼레스크" 또는 "코얼리스"
- 카페24가비아phpinfo수정
- #파이썬패키징
- 테크에능한여성
- 코딩효율성
- 파이썬코드줄바꿈방법
- General error: 2031
- 코딩튜토리얼
- #InnoSetup
- td요소중에 1행과 1열은 제외
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |