balbarak / bootstrap-hijri-datepicker Goto Github PK

How can I pick on change event? I try lots of methods but nothing worked.
jQuery("#CaseHijriDate)").hijriDatePicker({ locale: "ar-sa", format: 'mm/dd/yyyy', hijri: true, hijriFormat: 'iMM/iDD/iYYYY', showSwitcher: false, allowInputToggle: false, showTodayButton: true, useCurrent: true, isRTL: false, keepOpen: false, showClear: true, showClose: false }).change(function () { alert('test'); });
i also try below code but not succes
jQuery('#CaseHijriDate)').change(function () { alert('test'); });
also please mention all events which is working.

because when I use it with bootstrap 5 it does not work
but the same code with bootstrap 4 works fine

When I add class "hijri-date-input" to 2 input for example:
$(".hijri-date-input").hijriDatePicker();

It works only for the first input. and return console error:

daysOfWeekDisabled option is not working .. i am trying to send an array of weekend [5,6] to make them disabled but
it did not work

How I can adjust the min support date for Hijri to be less than 1369

Hey,
I'm facing a problem related to the date picker popup, it doesn't appear right on top of the field when there is not enough space below the field of Hijri date picker field, it appear almost 2 to 3 fields above than the actual Hijri field.

When Click Today Button, popup Datepicker not Auto Close, How if I want autoclose after click Today Button

Thanks in advance

It should look like below

Based on user input I need to show different calendars. I tried the below logic but it has not worked for me. Is there any setter function that we can use to switch calendar using code snippet ?

     if(_this.val() == 1) { 

           // I need to show hijri calendar
           
            _dateSelctor.hijriDatePicker({
                hijri: true,
                locale: 'ar-sa',
                format: 'YYYY-DD-MM',
                useCurrent: false,
                showSwitcher: false
            });
        }else{

           // I need to show Gregorian  calendar

            _dateSelctor.hijriDatePicker({
                hijri: false,
                locale: 'ar-sa',
                format: 'YYYY-DD-MM',
                useCurrent: false,
                showSwitcher: false
            });
        }

can we have auto close option

autoclose:true

so when losing focus or clicking outside the window it closes

Hi,
hijri date is variant and maybe need adjustment at the beginning of month, is there any proper way to control this adjustment or it adjust automatically?
Thanks

Hello
I want to know how to check of date format when type in the input box rather than choose from a picker

Hello ,
the problem is at current day selection the Ramazan month was 29 days at some countries and the Shawal month show one day less selected, could you help me to decrees on-day of current day.
Thanks

when I set a date to input "fromDate". how to set "minDate" to input "toDate". I tried but "minDate" not applied!
$("#fromDate").on('dp.change', function (data) {
let date = data.date;
$('#toDate').hijriDatePicker({ minDate: date.format("YYYY/M/D") });
});

Thanks For This Plugin BTW ♥
Those Options not work

• disabledDates
• daysOfWeekDisabled

when following the steps mentioned in the readme file i get this error

Uncaught TypeError: n.iYear is not a function

in the console

Hi I am getting strange hijri year, I tried to set minDate and maxDate and nothing worked

Here is my config:
$("#id").hijriDatePicker({ locale:"ar-sa", hijri: true, viewMode: 'days', showClose: true, showClear: false, showSwitcher:false, showTodayButton: true, useCurrent:false, });

and the date value is: 1440-04-10

How can I repeat date picker many times in the same page?
thank you

Hi,

It would be nicer if the package is added to npm & CDNJS.

Hi bro,

How can I get the selected date as a callback function?

Thanks

Its show the month in arabic as local is ar-SA, but when we click again on text box it shows error in console..

I've made a hijri date picker like this:

$("#dateOfBirth").hijriDatePicker({
            hijri: true,
            showSwitcher: false
        });

When I try to get the Gregorian date to send it to my API, it returned the date - 1 day:
$("#dateOfBirth").data().HijriDatePicker.date()

how can i select more than one date ?

how to set the date in hijri date in hijri date picker.

Hello,

Normal datepicker support below code to hide datepicker.
$('#datepicker').datepicker("disable")

bootstrap-hijri-datetimepicker.js" lib picker.destroy function available:
picker.destroy = function () {
///
Destroys the widget and removes all attached event listeners
hide();
detachDatePickerElementEvents();
element.removeData('DateTimePicker');
element.removeData('date');
};

$('#datepicker').datepicker("disable") o hide how to implement in hijriDatePicker() in custom js ?
$(function () {
$("#hijri-date-input").hijriDatePicker();
});

$("#hijri-date-input").on('dp.hide', function (event) {
  // would like to hide hijriDatePicker()
 // if  locale: "ar-sa" (selection other than ar-sa) only show text field try many methods but //working
      });
    });

$("#DateFrom").on('dp.change', function (event) {

        $("#DateTo").hijriDatePicker({

            locale: "ar-sa",
            hijri: true,
            format: "dd-mm-yyyy",
            hijriFormat: "iDD-iMM-iYYYY",
            showSwitcher: false,
            maxDate: todayDate,
            minDate: event.date.format("YYYY/MM/DD")
        });
       
    });

how to disable certain date ranges

Hijri's date is dependent on the moon.
Example: 1 or 2 or -1 or -2

Hello,

Let me start by thanking you for your hard work.

When changing the date locale by using this command :

$('#picker').hijriDatePicker({ locale:'en-us' });

the date type at the bottom is still in arabic instead of english

هجري ميلادي
instead of
Hijri Georgian

HijriDayofweek name is not showing as per locale in english or in arabic