Hebrew Calendar — Date-Picker with Parshah

Try the Date-Picker

This is a live demo — pick a civil date on the left, or open the Hebrew calendar. You can also type a Hebrew date such as טו אב תשפו and press Enter.

Calendar Type

Civil (Gregorian) Date

Hebrew Date

Date Details

The selected date in each calendar system
Hebrew Date	Parshah	Hebrew Date (English)	Civil Date
—	—	—	—

Embed It on Your Site

Two script tags and two stylesheets — served from dtpicker.jewishluach.com, no signup required. Point the container options at your own elements and they are filled on every selection.

<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://dtpicker.jewishluach.com/Content/calendar/cangas.datepicker.css">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://dtpicker.jewishluach.com/Scripts/jewishluach.js"></script>

<div id="myCalendar"></div>
<input id="myHebrewDate" type="text">

<script>
  $("#myCalendar").jewishluach({
      calendarType: "Hebrew",                 // "Hebrew" | "English" | "Monthly" | "HebrewMonthly"
      date: "7/13/2026",                      // initial civil date (m/d/yyyy)
      yiddishDateContainer: "#myHebrewDate",  // receives the Hebrew-script date
      parsheDateContainer: null,              // receives the parshah of the day
      hebrewDateContainer: null,              // receives e.g. "Tamuz 5 5786"
      gregorianDateContainer: null            // receives the civil date
  });

  // Fires on every selection with all date representations:
  $("#myCalendar").on("change", function (e, data) {
      console.log(data.date_short, data.data_herb_yiddishdate, data.data_herb_parsheday);
  });
</script>

Calendar types: Hebrew (week grid with parshah column), English (civil week grid), Monthly and Monthly Hebrew (full month planners with candle-lighting times). Full options and examples in the documentation.