AJAX - ¿Validar un datepicker con fecha menor a otra?

   
Vista:
Imágen de perfil de manolo

¿Validar un datepicker con fecha menor a otra?

Publicado por manolo (5 intervenciones) el 03/07/2014 02:40:09
Estoy realizando un proyecto y solo me falta esto validar que fechaInicial sea menor a fechaFinal. tengo tres archivos el primero index.php
con el formulario, el segundo validaYenviar.js con las validaciones el metodo Ajax para enviar el formulario y el tercero consultaDatos.php
con los calculos de mi proyecto.Solo voy a mostrar la parte que no me funciona:

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
//Index.php
<!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">
<head>
 
<script src="jquery/jquery-ui-1.10.2/jquery-1.9.1.js"></script>
<script src="jquery/jquery-ui-1.10.2/ui/jquery-ui.js"></script>
 
<script type="text/javascript">
 $.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']);
 
$(function(){
	$("#fe").datepicker({maxDate:0, dateFormat:'dd/mm/yy', changeMonth:true, changeYear: true, yearRange: '-100:+0'});
	$("#fec").datepicker({maxDate:0, dateFormat:'dd/mm/yy', changeMonth:true, changeYear: true, yearRange: '-100:+0'});
});
</script>
 
<script type="text/javascript"><!--Validar que los campos permitan solo numeros-->
//.........
</script>
 
<script type="text/javascript">
function mostrar_id(id){
	//..........
}
</script>
 
<script type="text/javascript" src="js/enviarYvalidar.js"></script>
 
<style>
body{
	background-image:url(imagenes/fondo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
 
</head>
 
<!--BODY-->
<body oncontextmenu="return false">
<form name="formulario" id="formulario" method="post" onkeypress="return accept_num(event)">
 
<div id="sueldo" style="line-height:2.2em;">
<p class="titulos" style="font-style:italic;">&nbsp;Paso 1</p>
<p style="margin:0px 0px 0px 4px; font-family:Tahoma, Verdana, Arial; font-size:12px; font-weight:bold;">Los campos marcados con asterisco(*) son obligatorios.</p>
 
	<div class="divinput"><p style="margin:2px 2px 2px 3px;"><b>*Fecha de Ingreso:</b><input type="text" name="date_ingreso" value="" id="fe"  title="(*)Campo Obligatorio: Fecha de Ingreso" class="botones"/>&nbsp;Formato:(dd/mm/aaaa)</p></div>
 
	<div class="divinput"><p style="margin:2px 2px 2px 3px;"><b>*Fecha de Último Ascenso:</b><input type="text" name="date_ascenso" value="" id="fec" title="(*)Campo Obligatorio: Fecha de Ultimo Ascenso" class="botones"/>&nbsp;Formato:(dd/mm/aaaa)</p></div>
</div>
</form>
</body>
</html>
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 manolo

¿Validar un datepicker con fecha menor a otra?

Publicado por manolo (5 intervenciones) el 03/07/2014 02:59:20
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
<?php
/*Viene del form*/
 
$date_ingreso = $_POST['date_ingreso'];
$date_ascenso = $_POST['date_ascenso'];
?>
 
$(document).ready(function() {
$(function(){
$("#envia_acce").click(function(){
var error=0;
var url = "consultaDatos.php";
 
if($("input#fe").val() == "" || $("input#fe").val() > $("input#fec").val()){
alert('Campo Requerido: (*)Fecha de Ingreso\nIngrese una fecha igual o menor a su Fecha de Último Ascenso');
$("input#fe").css("border"," 1px solid #ed1c24");
error++;
}
if($("input#fec").val() == "" || $("input#fec").val() < $("input#fe").val()){
alert('Campo Requerido: (*)Fecha de Último Ascenso\nIngrese una fecha igual o mayor a Fecha de Ingreso');
$("input#fec").css("border"," 1px solid #ed1c24");
error++;
}
if(error == 0){
$.ajax({
type:"POST",
url : url,
data: $("#formulario").serialize(),
success: function(data){
$("#tabla_acce").html(data);
}
});
}
});
return false;
});
});


En el index tambien va esto disculpen: aca se generara la respuesta=
1
<div id="tabla_acce"></div>
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