Easy Hebrew Date Picker In Vanilla JavaScript – he-datepicker

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

Preview:

Easy Hebrew Date Picker In Vanilla JavaScript – he-datepicker

Description:

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