react-jewish-datepicker

React Yahudi Tarih Seçici

React ile çalışan ve İbranice ile İngilizceyi destekleyen genel Yahudi Tarih Seçici bileşeni.

Ayrıca demo ve dokümantasyon sayfasına bakın.

Kurulum

yarn add react-jewish-datepicker

Ya da npm ile

npm install react-jewish-datepicker --save

Css'yi içe aktarın

import "react-jewish-datepicker/dist/index.css";

veya css ile

@import url("react-jewish-datepicker/dist/index.css");

Kullanım

#### TypeScript örneği:

import * as React from "react";
import {
  ReactJewishDatePicker,
  BasicJewishDay,
  BasicJewishDate
} from "react-jewish-datepicker";
import "react-jewish-datepicker/dist/index.css";
import {
  JewishMonth,
} from "jewish-dates-core";
export default function App() {
  const [basicJewishDay, setBasicJewishDay] = React.useState();
  const basicJewishDate: BasicJewishDate = {
    day: 13,
    monthName: JewishMonth.Elul,
    year: 5788
  };
  return (
    <>
      

        Hebrew:
         {
            setBasicJewishDay(day);
          }}
        />
      
    
  );
}

#### JavaScript example:

import * as React from "react";
import { ReactJewishDatePicker, BasicJewishDay } from "react-jewish-datepicker";
import "react-jewish-datepicker/dist/index.css";
export default function App() {
  const [basicJewishDay, setBasicJewishDay] = React.useState();
  return (
     {
        setBasicJewishDay(day);
      }}
    />
  );
}

props

| Özellik adı | Açıklama | Değer tipleri | | ----------- | ------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | | canSelect | Bir günün seçilebilir olup olmadığını belirleyen bir fonksiyon alır | (day: BasicJewishDay) => condition ? false : true | | isHebrew | Opsiyonel. Görünüm dili İbranice mi yoksa İngilizce mi, Varsayılan false| false \| true | | isRange | Opsiyonel. Tarih aralığı seçimine izin verir. Varsayılan false | false \| true | | onClick | Bir tarih seçildiğinde çağrılan geri çağırım | (day: BasicJewishDay) => console.log(day) \| (startDay: BasicJewishDay, endDay: BasicJewishDay) => console.log(startDay, endDay) | | value | Opsiyonel. Başlangıçta seçili tarih | Date \| BasicJewishDate \| BasicJewishDateRange \| DateRange |

canSelect özelliği

canSelect, ya bir özel fonksiyon ya da aşağıdaki yerleşik fonksiyonlardan birini alabilir.

#### dontSelectHolidays([isIsrael: boolean]) ⇒ (day: BasicJewishDay) => boolean

isIsrael parametresini alır ve bu parametreye göre tatil günlerinin seçimini engellemek için canSelect özelliğine iletilecek bir fonksiyon döner.

| Parametre | Tipi | Varsayılan | | --------- | --------- | ---------- | | isIsrael | boolean | false |

Örneğe buradan bakabilirsiniz.

#### dontSelectShabat(day: BasicJewishDay) ⇒ boolean

Şabat günlerinin seçimini engellemek için canSelect özelliğine iletilecek bir fonksiyon.

Örneğe buradan bakabilirsiniz.

#### dontSelectShabatAndHolidays([isIsrael: boolean]) ⇒ (day: BasicJewishDay) => boolean

isIsrael parametresini alır ve "canSelect" özelliğine iletilecek bir fonksiyon döner. dontSelectHolidays ve dontSelectShabat fonksiyonlarını birleştirerek hem şabat hem de tatil günlerinin seçimini engeller.

| Parametre | Tipi | Varsayılan | | --------- | --------- | ---------- | | isIsrael | boolean | false |

Örneği burada görebilirsiniz

#### dontSelectOutOfRange(minDate: Date | null, maxDate: Date | null) ⇒ (day: BasicJewishDay) => boolean

Minimum ve maksimum tarihi alır ve verilen aralık dışındaki seçimleri önlemek için "canSelect" prop'una iletilecek bir fonksiyon döndürür.

Parametrelerden sadece birine tarih, diğerine null geçebilirsiniz. Bu durumda seçilebilir aralık maksimum tarihe kadar veya minimum tarihten itibaren olur.

| Parametre | Tipi | | --------- | ------ | | minDate | Date \| null | | maxDate | Date \| null |

Örneği burada görebilirsiniz

Yardımcı Fonksiyonlar

#### addDates(date: BasicJewishDate | Date, numDays: number) ⇒ Date

dontSelectOutOfRange için yardımcı bir fonksiyondur.

Bir BasicJewishDate nesnesi veya bir Date alır, tarihe bir aralık (numDays) ekler ve ardından yeni tarihi döndürür.

| Parametre | Tipi | | --------- | ------ | | date | BasicJewishDate \| Date | | numDays | number |

Örneği burada görebilirsiniz

#### subtractDates(date: BasicJewishDate | Date, numDays: number) ⇒ Date

dontSelectOutOfRange için yardımcı bir fonksiyondur.

Bir BasicJewishDate nesnesi veya bir Date alır, tarihten bir aralık (numDays) çıkarır ve ardından yeni tarihi döndürür.

| Parametre | Tipi | | --------- | ------ | | date | BasicJewishDate \| Date | | numDays | number |

Örneğe buradan bakabilirsiniz

jewish-dates-core

Vue.js veya Angular'da bir yahudi tarih seçici oluşturmak için çekirdek bağımlılığımıza bakabilirsiniz.

jewish-date

Sadece bir ibranice tarih dönüştürücüye ihtiyacınız varsa, jewish-date paketini kullanabilirsiniz.

Katkıda Bulunanlar

• Shmulik Kravitz
• Sagi Tawil
• Yochanan Sheinberger