티스토리 뷰

반응형

실전코드에서 현재 날짜를 넣는 간단한 코드를 공유합니다.

행을 추가할때 현재의 날짜를 넣고 싶다?

이런 경우 많잖아요~

// 정비내역 행 추가 함수
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 값이 없으면 현재 날짜가 기본값으로 설정됩니다.

반응형
댓글