Easy Hebrew Date Picker In Vanilla JavaScript – he-datepicker

Category: Date & Time , Javascript | May 21, 2024
Views Total:25 views
Official Page:Go to website
Last Update:May 21, 2024


Easy Hebrew Date Picker In Vanilla JavaScript – he-datepicker


he-datepicker picker is a tiny and easy-to-implement JavaScript library that adds a Hebrew (Jewish) date picker to your text field, powered by Hebcal API.

It can be useful for websites or web applications that require users to input Hebrew dates. For instance: event scheduling, historical data entry, or Jewish holiday applications.

How to use it:

1. Download and add the following JS & CSS files to the HTML.

<link href="/dist/css/he-datepicker.css" rel="stylesheet">
<script src="/dist/js/he-datepicker.js" defer></script>

2. Create a new Jewish Datepicker instance and attach it to the target input field:

<input type="text" id="example" name="example" value="">
window.addEventListener('load', function () {
  const datepicker = new JewishDatepicker('#example', {
    // options here

3. Available options to customize the date picker.

const datepicker = new JewishDatepicker('#example', {
      color: "#673ab7",
      hideHeader: "false",

You Might Be Interested In:

Leave a Reply