Javascript日期选择器

我需要用户选择他/她的出生日期，我正在使用javascript & php。Javascript日期选择器

var date_arr = new Array; 
var days_arr = new Array; 

date_arr[0]=new Option("January",31); 
date_arr[1]=new Option("February",28); 
date_arr[2]=new Option("March",31); 
date_arr[3]=new Option("April",30); 
date_arr[4]=new Option("May",31); 
date_arr[5]=new Option("June",30); 
date_arr[6]=new Option("July",31); 
date_arr[7]=new Option("August",30); 
date_arr[8]=new Option("September",30); 
date_arr[9]=new Option("October",31); 
date_arr[10]=new Option("November",31); 
date_arr[11]=new Option("December",30); 

function fill_select(f) 
{ 
     document.writeln("<SELECT name=\"months\"    onchange=\"update_days(FRM)\">"); 
     for(x=0;x<12;x++) 
       document.writeln("<OPTION value=\""+date_arr[x].value+"\">"+date_arr[x].text); 
     document.writeln("</SELECT><SELECT name=\"days\"></SELECT>"); 
     selection=f.months[f.months.selectedIndex].value; 
} 

function update_days(f) 
{ 
     temp=f.days.selectedIndex; 
     for(x=days_arr.length;x>0;x--) 
     { 
       days_arr[x]=null; 
       f.days.options[x]=null; 
     } 
     selection=parseInt(f.months[f.months.selectedIndex].value); 
     ret_val = 0; 
     if(f.months[f.months.selectedIndex].value == 28) 
     { 
       year=parseInt(f.years.options[f.years.selectedIndex].value); 
       if (year % 4 != 0 || year % 100 == 0) ret_val=0; 
       else 
         if (year % 400 == 0) ret_val=1; 
         else 
           ret_val=1; 
     } 
     selection = selection + ret_val; 
     for(x=1;x < selection+1;x++) 

     { 
       days_arr[x-1]=new Option(x); 
       f.days.options[x-1]=days_arr[x-1]; 
     } 
     if (temp == -1) f.days.options[0].selected=true; 
     else 
      f.days.options[temp].selected=true; 
} 
function year_install(f) 
{ 
     document.writeln("<SELECT name=\"years\" onchange=\"update_days(FRM)\">") 
     for(x=1950;x<2005;x++) document.writeln("<OPTION value=\""+x+"\">"+x); 
     document.writeln("</SELECT>"); 
     update_days(f) 
}

这是生成代码：

<script>fill_select(document.frmProfile);year_install(document.frmProfile)</script>

问题是，当它提交到数据库的日和年是根据选择发送，但当月显示的总天NUM在这一个月而不是月份本身。例如： - 如果我想选择1996年2月20日我想获得输出1996-02-20进入数据库。使用此代码，我得到一个输出为1996-28-20 我知道这个问题是在这个函数

function fill_select(f) 
    { 
      document.writeln("<SELECT name=\"months\"    onchange=\"update_days(FRM)\">"); 
      for(x=0;x<12;x++) 
        document.writeln("<OPTION value=\""+date_arr[x].value+"\">"+date_arr[x].text); 
      document.writeln("</SELECT><SELECT name=\"days\"></SELECT>"); 
      selection=f.months[f.months.selectedIndex].value; 
    }

但我不知道我应该改变什么

来源

2011-06-03 tycoon

使用萤火虫或调试器或DOM查看器，看看有什么是你的选择里面的值时，页面呈现 – Ibu 2011-06-03 05:19:21

在Firebug： - <期权价值=“31”>一月 <期权价值=“28” >二月 <期权价值=“31”>三月月是用个月的价值> 的总NUM但我不知道如何在代码中改变这种情况。（x = 0; x <12; x ++） document.writeln（“

按下你的问题上的编辑按钮，并添加你想让你的代码生成的格式样本 – Ibu 2011-06-03 06:48:47

您可能要避免计算闰年和所有的麻烦，并使用the jQuery UI datepicker代替。

由于选项的值在您点击'提交'时使用，您不希望月份值包含其天数（28,30,31），而是其实际数量（1-12）。

因此改变

for(x=0;x<12;x++) 
    document.writeln("<OPTION value=\""+date_arr[x].value+"\">"+date_arr[x].text);

... INTO ...

for(x=0;x<12;x++) 
    document.writeln("<OPTION value=\""+(x+1)+"\">"+date_arr[x].text);

现在我们不能依靠这些数值再确定有多少天都在一个月，但我们可以用date_arr。所以改变：

selection=parseInt(f.months[f.months.selectedIndex].value); 
ret_val = 0; 
if(f.months[f.months.selectedIndex].value == 28) 
{ // (...)

... INTO ...

selection=parseInt(date_arr[f.months.selectedIndex].value); 
ret_val = 0; 
if(selection == 28) 
{ // (...)

现在应该更好地工作。祝你好运。

来源

2011-06-03 10:18:34 michel404

非常感谢michel404。有效。我没有签出jQuery UI datepicker，非常酷。 – tycoon 2011-06-03 10:52:13

Javascript日期选择器

回答

相关问题