Hola amigo proba esto:
esto te muestra 3 campos para dia, mes y año.
se validan con un onchange().
si los tres campos estan bien ingresados te guarda en el campo hidden
una fecha valida para guardarla en la base de datos (date)
Código Javascript
:
Ver originalfunction regExpIntDate(BOX_name){
if(BOX_name=='dia'){
var bFound = /^\d+$/.test(document.form.dia.value);
if(document.form.dia.value>0 && document.form.dia.value<=31){
var ok=true;
}
}else if(BOX_name=='mes'){
var bFound = /^\d+$/.test(document.form.mes.value);
if(document.form.mes.value>0 && document.form.mes.value<=12){
var ok=true;
}
}
else if(BOX_name=='anio'){
var bFound = /^\d+$/.test(document.form.anio.value);
if(document.form.anio.value>=2000){
var ok=true;
}
}
if(bFound && ok){
document.form.HID_date_start.value=document.form.anio.value+'-'+document.form.mes.value+'-'+document.form.dia.value;
return true;
//alert('es int');
}else{
if(BOX_name=='dia'){
document.form.dia.value='';
alert ('Formato de dia: dd!');
}
else if(BOX_name=='mes'){
document.form.mes.value='';
alert ('Formato de Mes: mm!');
}
else if(BOX_name=='anio'){
document.form.anio.value='';
alert ('Formato de Anio: aaaa!');
}
return false;
}
}
Código HTML:
Ver original<form action="" name="form" method="post"> <input type="hidden" name="HID_date_start" value="" /> <div class="">* Fecha Inicio:
</div> Dia:
<input onchange="return regExpIntDate('dia');" type="text" id="dia" name="dia" value="" size="2" maxlength="2" /> Mes:
<input onchange="return regExpIntDate('mes');" type="text" id="mes" name="mes" value="" size="2" maxlength="2" /> A
ño:
<input onchange="return regExpIntDate('anio');" type="text" id="anio" name="anio" value="" size="4" maxlength="4" />