JavaScript: Fødselsdags SELECT

JS:

   var d = new Date('2012,2,1 12:00');
   var d2 = new Date('2012,3,1 12:00');

   var daylen = 24 * 3600;
   alert(((d2.getTime() - d1.getTime()) / daylen) + 'days in month')

PHP:

 echo date('t',mktime(12,0,0,2,1,2012)).' days in february';

MB's indlæg ser ud som en fornuftig løsning, men skal jeg bare bruge min.js jQuery biblioteket? (folk undlader altid at skrive hvilket JS script man skal bruge - der er mange jQuery scripts)...

Michael Larsen, jeg syntes det var lidt for indviklet dét der...
Jeg er fremdeles ikke god til JavaScript, prøver at kæmpe mig igennem rumlen, så jeg kan en del JavaScript til min svendeprøve...

Mit bruger bare jquery 1.6+, om du så bruger minified eller ej er ligegyldigt - i produktion er det fint. Når det er live burde du bruge minified

Jeg var så igang med at bruge et array istedet for den lange if sætning - men det kan du kigge videre på.

@Mikkel - Michaels løsning er da den mindst komplicerede.

At loope over det, som MB gør er tosset - fordi så har du problemet næste år, når det ikke er skud år, og der kun er 28 dage i februar. Og problemet igen om fire - når det er skud år igen... Det er altså molbo-stil!

Michaels løsning er så meget bedre, fordi den vil virke uden tilpasninger for fremtiden.

Mit kendskab til javascript er meget overfladisk, men mit bud vil gøre brug af to simple algoritmer.
1) Skudårs algoritme; "er det skudår" int (årstal) -> bool: årstal % 4 = 0 AND ((årstal % 100 != 0) OR (årstal % 400 = 0))

2) "Kort eller lang måned ved at tælle knoer"-algoritme - den her kender vi fra vi var børn. Venstre hånd knyttes og holdes op. Tæl knoer og mellem rum mellem knoer fra venstre med højre pege finger:
- Januar - på venstre lille finger kno
- Februar - mellem lille og ringe finger kno
- Marts - på ringe kno
- April - mellem ringe og lange kno
- Maj - på lange kno
- Juni - mellem lange og pege kno
- Juli - på pege kno
- August - på lille kno
- September - mellem lige og ringe kno
- Oktober - på ringe kno
- November - mellem ringe og lange
- December - på lange kno

Er det en lang måned så har den 31 dage, er det en kort har den 30 - er det en kort og februar har den 28 eller 29 hvis det er skudår.

Implementering i javascript:

 function isLeapYear($year) {
     return $year % 4 === 0 && (($year % 100 !== 0) || ($year % 400 === 0));
 }
 
 function isShortMonth($month) {
     return $month === 2 || $month === 4 || $month === 6 || $month === 9 || $month === 11;
 }
 
 function daysInMonth($month, $year) {
     if ($month == 2) {
         if (isLeapYear($year)) {
             $days = 29;
         }
         else {
             $days = 28;
         }
     } else {
         if (isShortMonth($month)) {
             $days = 30;
         } else {
             $days = 31;   
         }
     }
 
     return $days;
 }

Så kalder du bare daysInMonth med to parametre - månedstal og årstal - og så returnerer den antallet af dage i et år. Den virker for alle årstal.

En javascript haj vil sikkert kunne optimere koden og gøre den endnu simplere.

Når man skal vælge sin fødselsdag, så er skudår vel lige meget. Det skal altid være der, siden årstal ikke bliver taget med.

MB: Jeg havde ikke lavet select'en til årstal i mit eget eksempel, men jo den skal med, da vi på den ene hjemmeside, tæller hvor gammel personen er
Men skudår eller ej er ikke ligemeget, vi er alle enige om, at fødselsdatoen skal være korrekt, og at der derfor ikke kan være 30 eller 31 dage i Februar (Jeg har selv fødselsdag i Februar).

Gustav: Når folk spørger mig, på en skala fra 0 - 100 hvor god jeg er til JavaScript, siger jeg altid -100, da jeg sjældent kan få det til at virke, og det eneste jeg har fået til at virke, er at vise og skjule fx. specifikke DIV tags.

Jeg prøver din løsning.

---------------------------
EDIT

Gustav: Jeg har implementeret din løsning, problemet er nu bare at jeg får følgende fejl:
Warning: assignment to undeclared variable $days
Source File: scripts/birthday.js
Line: 21

Linie 21:

 $days = 31;

Jeg får også fejl når jeg laver en for loop:

Warning: assignment to undeclared variable $i
Source File: register.php
Line: 125

Linie 125:

 for ($i=1; $i<=dage; $i++) {
   document.registration.day.options[$i]=new Option($i, $i, true, false);
 }

Jeg har også prøvet følgende, men får samme fejl:

 for (i=1; i<=dage; i++) {
   document.registration.day.options[i]=new Option(i, i, true, false);
 }

NB: New Option er taget fra denne side:
http://www.javascriptkit.com/javatutors/selectcontent.shtml

@MB - det er ikke afgørende - det kan vi godt blive enige om. Men hvad er en fødselsdato værd, hvis der ikke er årstal med - og hvorfor ikke implementere hensyntagen til årstal, når det nu er så let...

@Mikkel, Du skal nok indsætte en var days = new Number; eller sådan noget i toppen. Den brokker sig over at den ikke er defineret før du piller med den. (toppen af funktionen den bliver brugt i selvfølgeligt).

Har du prøvet at sætte $ foran dine variabel navne i din for-løkke? Det er kun når man definerer variabler at man ikke skal bruge dem - altså når du skriver var enVariabel = something - når du bruger den skal den så kaldes med $enVariabel.

Du kan arbejde videre med det her jeg har lavet, det er kun javascript ved hjælp af jquery biblioteket, så der er ikke noget php kode.

 <select name="month" id="month" onchange="javascript:ChangeDay();">
      <option value="" SELECTED DISABLED>Month</option>
      <option value="1">January</option>
      <option value="2">February</option>
      <option value="3">March</option>
      <option value="4">April</option>
      <option value="5">May</option>
      <option value="6">June</option>
      <option value="7">July</option>
      <option value="8">August</option>
      <option value="9">September</option>
      <option value="10">October</option>
      <option value="11">November</option>
      <option value="12">December</option>
    </select>
   <select name="day" id="day">
     <option value="" SELECTED DISABLED>Day</option>
    </select>

 function ChangeDay() {
   var month = $('#month');
   var day = $('#day');
   var oddMonths = new Array(1, 3, 5, 7, 8, 10, 12);
   
   day.html('<option value="" SELECTED DISABLED>Day</option>');
   
   for (i=1; i<30; i++) {
     day.append('<option value="'+ i +'">' + i + '</option>');
   }
   
   var monthVal = month.val();
   
   if(monthVal != 2)
   {
       for (j=29; j<31; j++) {
         day.append('<option value="'+ j +'">' + j + '</option>');
       }
       if(
         monthVal == 1  ||
         monthVal == 3  ||
         monthVal == 5  ||
         monthVal == 7  ||
         monthVal == 8  ||
         monthVal == 10 ||
         monthVal == 12
       ) {
         day.append('<option value="'+ 31 +'">' + 31 + '</option>');
       }
   }
  }