moment로 날짜 나타내기

console.log(data?.site_edit?.audit_start_date) 찍어보면 2024-06-17T00:00:00 형태로 나옴. 

 

1. import

import * as moment from 'moment'

 

2. 사용하기

moment(data?.site_edit?.audit_start_date).format("YYYY년 MM월 DD일")

 

 

Flatpickr로 날짜 짝기

                                <Controller
                                    id='last_audit_date'
                                    name='last_audit_date'
                                    control={control}
                                    render={({ field: {onChange, value} }) => (
                                        <Col lg='12' md='12' xs='12' className='card_table col text' style={{justifyContent:'center', alignItems:'center'}}>
                                            <Row style={{width:'100%'}}>
                                                <Flatpickr
                                                    className={`form-control ${errors.lastAuditDate ? 'is-invalid' : ''}`}
                                                    style={{ fontSize:'0.857rem'}}
                                                    id='default-picker'
                                                    ref={lastAuditDateRef}
                                                    placeholder="성능점검 기준일"
                                                    value={value}
                                                    onChange={(data) => {
                                                        console.log(data)
                                                        const newData = setStringDate(data).join()
                                                        onChange(newData)
                                                    }}
                                                    options = {{
                                                        mode: 'single', 
                                                        dateFormat: "Y-m-d",
                                                        allowInput: true,
                                                        locale: Korean
                                                    }}
                                                    onInput={(e) => { RangeDateInputOnChagne(e, lastAuditDateRef, 'single') }}
                                                />
                                                {errors.report_date && <div  style={{color:'#ea5455', fontSize:'0.857rem', paddingLeft:0 }}>{errors.report_date.message}</div>}
                                            </Row>
                                        </Col>
                                    )}
                                />