실전코드에서 현재 날짜를 넣는 간단한 코드를 공유합니다.
행을 추가할때 현재의 날짜를 넣고 싶다?
이런 경우 많잖아요~
// 정비내역 행 추가 함수
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 |