티스토리 뷰
실전코드에서 현재 날짜를 넣는 간단한 코드를 공유합니다.
행을 추가할때 현재의 날짜를 넣고 싶다?
이런 경우 많잖아요~
// 정비내역 행 추가 함수
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.11.22 |
---|---|
웹개발시 자주 사용하는 파일업로드시, 저장시 등 활용모달 (0) | 2024.11.19 |
자바스크립트로 견적금액 소계, 합계 만들어보자구요~ (0) | 2024.10.17 |
자바스크립트로 window 창을 띄울때 컴퓨터의 해상도에 따라서 팝업창이 뜨게 하는 코드 (0) | 2024.09.26 |
달력의 일자를 균등배분해서 나타내기 (0) | 2024.09.01 |
- Total
- Today
- Yesterday
- General error: 2031
- coalesce는 한국어로 "코얼레스크" 또는 "코얼리스"
- 엑셀입력보호
- 도면자동생성
- sql문장 날짜계산
- isset을 적용해야 하는 이유
- 티스토리챌린지
- json파일형태보기
- 코딩효율성
- 뫄프로그래밍
- 캐드자동작도
- json파일편하게보는법
- 구글드라이브API
- 테크에능한여성
- 엑셀셀보호
- 스크립트작성기초
- 오블완
- 파이썬코드줄바꿈방법
- #InstallForge
- 오토핫키가이드
- 프로그래머생활
- #프로그램설치
- Bootstrap 5
- ajax오류메시지
- 1. #웹개발 2. #로트번호 3. #성적서보기 4. #ajax 5. #jquery 6. #php 7. #프론트엔드 8. #백엔드 9. #부트스트랩 10. #웹기능구현
- 엑셀보호
- 코딩튜토리얼
- 효율적코딩방법
- #파이썬패키징
- chatGPT3.5파이썬버전
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |