mi problema es que tengo un formulario bastante grande, el problema se presenta ya que tengo 2 o mas campos que requieren de este tipo de campo input=date, en el navegador google chrome no presento ningún problema, pero mozila firefox no me reconoce la etiqueta html5 "Date" busque y encontré que podría solucionarlo con datepicker de jQuery y logro poner el campo y que me traiga el calendario en firefox, pero al querer usar el mismo atributo en otro campo del mismo formulario no me lo reconoce, es como si solo pudiera usarlo 1 vez por formulario, alguien sabe como podria solucionar este problema?
adjunto el codigo fuente
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.7.2.custom.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '<Ant',
nextText: 'Sig>',
currentText: 'Hoy',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['es']);
});
$(document).ready(function(){
$("#datepicker").datepicker({
changeMonth: true
});
});
</script>
</head>
<body>
<form action="">
<label> Seleccionar Fecha Inicio:</label>
<input type="text" name="fecha_inicio" id="datepicker" readonly="readonly" size="12" />
<label> Seleccionar Fecha fin:</label>
<input type="text" name="fecha_fin" id="datepicker" readonly="readonly" size="12" />
</form>
</div>
</body>
</html>