Open kcocalak opened 1 year ago
Pickerlar üzerindeki maxDate ve minDate sadece dialoglarla girilebilecek aralığı belirlemek için var. Formlarda bunun için validation kullanılabilir.
<WForm
initialValues={{ date: new Date() }}
onSubmit={(values) => console.log(values)}
validationSchema={WFormValidation.object().shape({
date: WFormValidation.date().required()
.max(new Date(2023, 0, 1), "Bulunduğunuz yılın içinde bir tarih seçmelisiniz")
.min(new Date(2023, 11, 31), "Bulunduğunuz yılın içinde bir tarih seçmelisiniz")
})}
>
<WFormField.DatePicker
name="date"
label="Date"
/>
<WFormField.Submit variant="contained">Submit</WFormField.Submit>
</WForm>
Selamlar, 1-> min- max date'te yil manuel olarak textfield'da degistirilip sonra calender butonuna tiklanip yeniden bosluga tiklandiginda yil gunumuz yilina donuyor. 2->iki datetime picker oldudugunu farzedelim formfield icinde. birisi start digeri end olacak. birbirlerinin min ve max degerlerini tasiyorlar. ben end date'te yili degistirdigimde startdate icindeki maxDate alani son renderi yapamiyor. yil 0202 seklinde kaliyor. Halbuki 2027 seklinde yeniden render olmaliydi.
` const [dateNull, setDateNull] = useState
return (
);`
WDatePicker ve WDateTimePicker'da manuel olarak degisiklik yaptigimizda hatali tarihler kirmizi olarak gorunmuyor. Validation otomatik olarak yapilamiyor ve bu sebple de tarihin hatali oldugu anlasilmiyor.