Convert Date From Solar (Gregorian) to Lunar (Hijri) Using JavaScript

Introduction

 

The Lunar (Hijri) calendar is very important for Muslims as is the Solar (Gregorian) calendar important because the Lunar calendar was related to some elements of worship. So I looked at many sites on the internet to understand how to calculate the age of the moon in any given day, I found many sites offering various ways and I took what I found to provide results closer to the truth. 

 

I've noticed that most sites agree on the expense of the Julian date but don't agree on how to calculate the age of the moon and found the difference between these sites to be up to one day and when the moon's age is 30 days, the result is zero in some sites. 

 

In this program, I calculate the approximate age of the moon in days and did not give attention to the parts of the day of the hours and minutes.

 

For the program to be more useful, I added a PictureBox control to display the lighted part of the moon and darkness part of the moon commensurate with the age of the moon.

 

There is a small probability of a one-day error for any calculation to convert a date.

 

 

Note: You can read Months by its name or by its number.  

 

Code

<!-- Test selected year if it is leap or not -->
 function CheckYear()
 {
     var y=parseInt(MyForm.SolarYearCombo.value);
     if ((y%4)==0)
     {
         if ((y%100)==0 && (y%400)!=0)
            leap=false;
         else
             leap=true;
     }
     else
         leap=false;
 }

 <!-- Best calculation to get number approximation -->

 function getInt(floatNum)
 {
     if (floatNum< -0.0000001)
     {
         return Math.ceil(floatNum-0.0000001);
     }
     return Math.floor(floatNum+0.0000001);
 }

 <!-- Convert Solar (Gregorian) date to Lunar (Hijri) date -->
 function ConvertSolarToLunar(d, m, y)
 {
     var jd;
     var j, l, r;

     if ((y>1582)||((y==1582)&&(m>10))||((y==1582)&&(m==10)&&(d>14)))
     {
         jd = getInt((1461 * (y + 4800 + getInt((m - 14) / 12))) / 4) + getInt((367 * (m - 2 - 12 * (getInt((m - 14) / 12)))) / 12) -
 getInt( (3* (getInt((y+4900+ getInt( (m-14)/12) )/100))) /4)+d-32075;
     }
     else
     {
         jd = 367 * y - getInt((7 * (y + 5001 + getInt((m - 9) / 7))) / 4) + getInt((275 * m) / 9) + d + 1729777;
     }

     if(jd<1948440)
     {
         DateMinError();
         return;
     }
     if(jd>2621734)
     {
         DateMaxError();
         return;
     }
     theDay=jd%7;
     MyForm.thisDay.value= WeekDays[theDay];
     l=jd-1948440+10632;
     r=getInt((l-1)/10631);
     l=l-10631*r+354;
     j = (getInt((10985 - l) / 5316)) * (getInt((50 * l) / 17719)) + (getInt(l / 5670)) * (getInt((43 * l) / 15238));
     l = l - (getInt((30 - j) / 15)) * (getInt((17719 * j) / 50)) - (getInt(j / 16)) * (getInt((15238 * j) / 43)) + 29;
     m=getInt((24*l)/709);
     d=l-getInt((709*m)/24);
     y=30*r+j-30;
     MyForm.LunarDayCombo.value=d;
     MyForm.LunarMonthCombo.value=m;
     MyForm.LunarYearCombo.value=y;
 }

 <!-- Convert Lunar (Hijri) date to Solar (Gregorian) date -->
 function ConvertLunarToSolar(d, m, y)
 {
     var jd;
     var i, j, k, l, r;
     jd = getInt((11 * y + 3) / 30) + 354 * y + 30 * m - getInt((m - 1) / 2) + d + 1948440 - 385;
     theDay=jd%7;
     MyForm.thisDay.value=WeekDays[theDay];
     if (jd > 2299160)
     {
         l=jd+68569;
         r=getInt((4*l)/146097);
         l=l-getInt((146097*r+3)/4);
         i=getInt((4000*(l+1))/1461001);
         l=l-getInt((1461*i)/4)+31;
         j=getInt((80*l)/2447);
         d=l-getInt((2447*j)/80);
         l=getInt(j/11);
         m=j+2-12*l;
         y=100*(r-49)+i+l;
     }
     else
     {
         j=jd+1402;
         k=getInt((j-1)/1461);
         l=j-1461*k;
         r=getInt((l-1)/365)-getInt(l/1461);
         i=l-365*r+30;
         j=getInt((80*i)/2447);
         d=i-getInt((2447*j)/80);
         i=getInt(j/11);
         m=j+2-12*i;
         y=4*k+r+i-4716;
     }
     MyForm.SolarDayCombo.value=d;
     MyForm.SolarMonthCombo.value=m;
     MyForm.SolarYearCombo.value=y;
 }

 <!-- Display moon age -->
 function getAge(form)
 {
     var ag=parseInt(MyForm.LunarDayCombo.value);
     if(ag==1)
     {
         form.age.value=ag.toString()+" day";
     }
     else
     {
         form.age.value=ag.toString()+" days";
     }
     ShowMoonPhase();
 }

 <!-- Display moon phase -->
 function ShowMoonPhase()
 {
     var ag=parseInt(MyForm.LunarDayCombo.value);
     var Phase = ag / 29.530588853;
     var Xpos;
     var Ypos;
     var Rpos;
     var Xpos1;
     var Xpos2;
     cxt.fillStyle="blue";
     cxt.fillRect(0,0,100,100);
     cxt.stroke();
     for (Ypos=0; Ypos<= 45; Ypos++)
     {
         Xpos = Math.sqrt(45*45 - Ypos*Ypos);
         // Draw darkness part of the moon
         cxt.strokeStyle = "white";
         cxt.beginPath();
         cxt.moveTo(50-Xpos, Ypos+50);
         cxt.lineTo(Xpos+50, Ypos+50);
         cxt.stroke();
         cxt.moveTo(50-Xpos, 50-Ypos);
         cxt.lineTo( Xpos+50, 50-Ypos);
         cxt.closePath();
         cxt.stroke();
         // Determine the edges of the lighted part of the moon
         Rpos = 2 * Xpos;
         if (Phase < 0.5)
         {
             Xpos1 = - Xpos;
             Xpos2 = Rpos - 2*Phase*Rpos - Xpos;
         }
         else
         {
             Xpos1 = Xpos;
             Xpos2 = Xpos - 2*Phase*Rpos + Rpos;
         }
         // Draw the lighted part of the moon
         cxt.strokeStyle = "black";
         cxt.beginPath();
         cxt.moveTo(Xpos1+50, 50-Ypos);
         cxt.lineTo(Xpos2+50, 50-Ypos);
         cxt.stroke();
         cxt.moveTo(Xpos1+50, Ypos+50);
         cxt.lineTo( Xpos2+50, Ypos+50);
         cxt.closePath();
         cxt.stroke();
     }
 }

You can go to the source file to read the code. If you have any idea or find another code to convert the dates, please tell me.

 

Mostafa Kaisoun

[email protected]