react-jewish-datepicker

React यहूदी तिथि चयनकर्ता

सामान्य यहूदी तिथि चयनकर्ता कंपोनेंट जो React के साथ काम करता है और हिब्रू तथा अंग्रेज़ी का समर्थन करता है।

डेमो और दस्तावेज़ीकरण पृष्ठ भी देखें।

स्थापना

yarn add react-jewish-datepicker

npm install react-jewish-datepicker --save

सीएसएस आयात करें

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

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

उपयोग

#### TypeScript उदाहरण:

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

| Prop name | विवरण | Value types | | --------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | | canSelect | एक फ़ंक्शन स्वीकार करता है जो निर्धारित करता है कि कोई दिन चयन योग्य है या नहीं | (day: BasicJewishDay) => condition ? false : true | | isHebrew | वैकल्पिक। दृश्य भाषा हिब्रू है या अंग्रेज़ी, डिफ़ॉल्ट है false | false \| true | | isRange | वैकल्पिक। तिथि श्रेणियाँ चुनने की अनुमति देता है। डिफ़ॉल्ट है false | false \| true | | onClick | जब तिथि चयनित हो तो कॉलबैक | (day: BasicJewishDay) => console.log(day) \| (startDay: BasicJewishDay, endDay: BasicJewishDay) => console.log(startDay, endDay) | | value | वैकल्पिक। प्रारंभिक चयनित तिथि | Date \| BasicJewishDate \| BasicJewishDateRange \| DateRange |

canSelect prop

canSelect या तो एक costum function या निम्नलिखित में से कोई एक बिल्ट-इन फ़ंक्शन स्वीकार कर सकता है।

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

isIsrael पैरामीटर लेता है और एक फ़ंक्शन लौटाता है जिसे canSelect प्रॉप में पास किया जाता है, जिससे छुट्टियों (जो isIsrael पैरामीटर के अनुसार होती हैं) का चयन रोका जा सके।

| Param | Type | Default | | ----- | ------ | ------- | | isIsrael | boolean | false |

उदाहरण यहाँ देखें

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

यह फ़ंक्शन canSelect प्रॉप में पास किया जाता है, जिससे शबात का चयन रोका जा सके।

उदाहरण यहाँ देखें

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

isIsrael पैरामीटर लेता है और एक फ़ंक्शन लौटाता है जिसे "canSelect" प्रॉप में पास किया जाता है। यह dontSelectHolidays और dontSelectShabat को जोड़ता है ताकि दोनों - शबात और छुट्टियों का चयन रोका जा सके।

| Param | Type | Default | | ----- | ------ | ------- | | isIsrael | boolean | false |

उदाहरण यहाँ देखें

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

न्यूनतम तिथि और अधिकतम तिथि लेता है और एक फ़ंक्शन लौटाता है जिसे "canSelect" प्रॉप में पास किया जा सकता है, ताकि दिए गए रेंज के बाहर चयन को रोका जा सके।

आप दोनों में से केवल एक पैरामीटर के लिए तिथि पास कर सकते हैं और दूसरे के लिए null। इस स्थिति में, चयन योग्य रेंज अधिकतम तिथि तक या न्यूनतम तिथि से होगी।

| पैरामीटर | प्रकार | | ----- | ------ | | minDate | Date \| null | | maxDate | Date \| null |

उदाहरण यहाँ देखें

सहायक फ़ंक्शन

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

dontSelectOutOfRange के लिए एक सहायक फ़ंक्शन।

एक BasicJewishDate ऑब्जेक्ट या एक Date लेता है, तिथि में एक अंतराल (numDays) जोड़ता है और फिर नई तिथि लौटाता है।

| पैरामीटर | प्रकार | | ----- | ------ | | date | BasicJewishDate \| Date | | numDays | number |

उदाहरण यहाँ देखें

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

dontSelectOutOfRange के लिए एक सहायक फ़ंक्शन।

एक BasicJewishDate ऑब्जेक्ट या एक Date लेता है, तिथि से एक अंतराल (numDays) घटाता है और फिर नई तिथि लौटाता है।

| पैरामीटर | प्रकार | | ----- | ------ | | date | BasicJewishDate \| Date | | numDays | number |

उदाहरण यहाँ देखें

jewish-dates-core

vue.js या angular में यहूदी डेट पिकर बनाने के लिए, हमारा कोर डिपेंडेंसी देखें।

jewish-date

यदि आपको केवल हिब्रू तिथि कन्वर्टर की आवश्यकता है, बिना डेट पिकर के, तो आप jewish-date का उपयोग कर सकते हैं।

योगदानकर्ता

• शमूलिक क्राविट्ज़
• सगी तविल
• योचनान शीनबर्गर