티스토리 뷰
실전코드에서 현재 날짜를 넣는 간단한 코드를 공유합니다.
행을 추가할때 현재의 날짜를 넣고 싶다?
이런 경우 많잖아요~
// 정비내역 행 추가 함수
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
- #textarea #자동높이조절 #ux개선 #웹개발 #프론트엔드 #자바스크립트 #html팁 #웹디자인 #uiux #코딩팁
- 효율적코딩방법
- 웹제작강의안2주차
- 자바스크립트 코드 기본지식
- #계층형데이터
- 엑셀보호
- 티스토리챌린지
- 엑셀셀보호
- 캐드자동작도
- 구글드라이브API
- #동적ui
- #php에러해결 #php경고메시지 #nonwellformednumeric #php초보자팁 #웹개발에러 #프로그래밍디버깅 #php정규식 #코드디버깅팁 #웹개발문제해결 #php숫자형변환
- #웹개발
- coalesce는 한국어로 "코얼레스크" 또는 "코얼리스"
- General error: 2031
- ajax오류메시지
- 엑셀입력보호
- json파일편하게보는법
- #tuigrid #자바스크립트그리드 #행삽입 #행삭제 #웹개발팁 #프론트엔드개발 #javascriptgrid #데이터테이블 #ui개선 #그리드커스터마이징
- #카테고리트리
- #데이터무결성
- json파일형태보기
- #데이터베이스설계
- #트리구조
- 오블완
- 1. #웹개발 2. #로트번호 3. #성적서보기 4. #ajax 5. #jquery 6. #php 7. #프론트엔드 8. #백엔드 9. #부트스트랩 10. #웹기능구현
- Bootstrap 5
- 오토핫키가이드
- 도면자동생성
- isset을 적용해야 하는 이유
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |