HTML - Ayuda con un input type=date firefox

   
Vista:

Ayuda con un input type=date firefox

Publicado por victor (2 intervenciones) el 01/06/2015 19:54:37
buena tarde!

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?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Ayuda con un input type=date firefox

Publicado por xve (1178 intervenciones) el 01/06/2015 20:26:37
Hola Victor, en principio lo puedes utilizar tantas veces como quieras en una misma página...

Nos puedes mostrar el código de como lo has realizado? para poder probarlo?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Ayuda con un input type=date firefox

Publicado por victor (2 intervenciones) el 01/06/2015 20:42:06
gracias por tu respuesta pero sigue con el mismo problema, en el primer input me ejecuta la funcoin sin problemas en el segundo ya no lo hace aquí les dejo el código para que puedan entender mi problema

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!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: '&#x3c;Ant',
		nextText: 'Sig&#x3e;',
		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&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
		dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
		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>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar