React-datepicker ı nasıl Türkçeleştiririz

23 Kasım 2023 18:20 tarihinde Yayınlandı
React Datepicker kullanıyorsanız ve dil i değiştirmek istiyorsanız aşağıdaki gibi yapabilirsiniz.

React Datepicker kullanıyorsanız ve dil i değiştirmek istiyorsanız aşağıdaki gibi yapabilirsiniz. React-Datepicker içinde dil ayarlarını nasıl değiştireceğinizi açıklayabilirim.

Öncelikle eklentinin en güncel sürümünü kullanmaya dikkat edin (2.0.0). Ardından, date-fns modülünü de kurmanız gerekecek, ancak şu anda react-datepicker 2.0.0-alpha.23 sürümüyle çalışıyor.

Sonra, istediğiniz dili içe aktararak kaydetmeniz gerekecek ve son olarak DatePicker bileşenine locale özelliğini eklemeniz gerekiyor.

Doğru sürümleri kurduktan sonra şu şekilde yapabilirsiniz:

import DatePicker, { registerLocale } from "react-datepicker";
import tr from "date-fns/locale/tr"; // Türkçe dil dosyasını içe aktarın
registerLocale("tr", tr); // 'tr' ismiyle kaydedin

ve kullanın

<DatePicker
    locale="tr"
    ...
/>