Comparar 2 fechas

[tampon]

Hola estoy tratando de comparar dos fechas en formato 8/28/2009, hice esto, pero me marca error en el primer split

Código js:

function compararFecha()
{
    var fecha1;
    var fecha2;
    var fechafinal;
    var fechainicio;
    
    fecha1 = strFecha_final.split(\\\"/\\\");
    fecha2 = strFecha_inicio.split(\\\"/\\\");
 
    fechainicio = fecha2[2] + fecha2[1] + fecha2[0]
    fechafinal = fecha1[2] + fecha1[1] + fecha1[0]
    if(fechainicio < fechafinal) return true;
    else return false;
}
 
if(!compararFecha()){
    document.getElementById("mensaje").innerHTML="La fecha final no debe ser menor a la inicial.";
}
 

alguien me puede echar una mano para terminar este script?

[zerokilled]

el argumento de split tiene que ser una de dos, un string o una expresion regular. no se que exactamente quisistes poner pero segun viendo la fecha lo unico que necesitas es "/" para separar los componentes. en adicion, recuerda que tienes que convertir la fecha a objeto Date para poder comparar ambas fecha.

[Adler]

Iniciado por zerokilled

en adicion, recuerda que tienes que convertir la fecha a objeto Date para poder comparar ambas fecha.

El problema estaría en que no las reconocería como fechas ya que quedarían algo como 2009288, así que quizás lo mejor sería tratarlas como interger

[zerokilled]

no comprendi el comentario. en todo caso, luego de separar los componentes de la fecha, es cuestion de ordenarlo segun los parametros de Date.

Código:

fecha1 = "8/28/2009".split("/");
obj1 = new Date(fecha1[2], fecha1[0] - 1, fecha1[1]);
fecha2 = "11/28/2009".split("/");
obj2 = new Date(fecha2[2], fecha2[0] - 1, fecha2[1]);
alert(obj1 < obj2);

cuando dos objetos Date se compara se comparan como integer.

[Adler]

Sí, no tiene objeción. Solo que, en el modo que lo está haciendo, lo único que hace es concatenar cada elemento (yyyymmdd) de tal manera que resultará 2009288, lo cual es menor que 20092811

[zerokilled]

vale, lo habia captado mal pues estabas citando una linea de mi post pero estas haciendo referencia a tampon

[tampon]

Hola si es justo como dice Adler, para que al fina pueda hacer la comparacion de cual es menor, pero hice lo que me sugirio zerokilled inicialmente y aun me marco error en el primer split, lo podrian testear y me dicen como les va?

saludos!

[zerokilled]

¿cual es el error que te dice la consola?

[tampon]

en realidad solo me dice error en la linea tal. pero no da mas detalles

[zerokilled]

intentalo con otro navegador que te provea mas detalle acerca del error, como firefox. asumo que estas usando iexplorer, este no provee la informacion suficiente del error.

[tampon]

Hola pues lo acabo de intentar con ff pero este salio peor... aparte de que no ejecuto nada no me dijo siquiera que habia un error.

[tampon]

acabo de ver que ie me arroja este dato

Mensaje: 'strFecha_final' is undefined
Línea: 124
Carácter: 2
Código: 0

[zerokilled]

significa que esa variable no existe en tu codigo. ¿como obtienes la fecha o como intentas definir la variable?

[tampon]

Hola zerokilled, si despues de ver ese error cai en cuenta, cambie el codigo intentando poner la ruta id, pero aun asi me manda error..

Mensaje: Object doesn't support this property or method
Línea: 124
Carácter: 2
Código: 0

y asi quedo el codigo:

Código js:

function compararFecha()
{
    var fecha1;
    var fecha2;
    var fechafinal;
    var fechainicio;
    
    fecha1 = document.getElementById("fecha1").split("/");
    fecha2 = document.getElementById("fecha2").split("/");
 
    fechainicio = fecha2[2] + fecha2[1] + fecha2[0]
    fechafinal = fecha1[2] + fecha1[1] + fecha1[0]
    if(fechainicio < fechafinal) return true;
    else return false;
}
 

[zerokilled]

me cito:

en adicion, recuerda que tienes que convertir la fecha a objeto Date para poder comparar ambas fecha.

si lees el 4to y 5to post, obtendra la respuesta.

[tampon]

Hola gracias por las respuestas y disculpa por la demora en responder, pero ultimamente tengo problemas para entrar a los foros.

Resulta que tuve que cambiar la funcion por que asi me lo solicitaron, el cliente me paso una pero tengo un gran problema, me pidio que la deje poniendo fechas anteriores.

Como veran la mayoria de calendarios puedes poner fechas futuras y fechas pasadas, pero este no solo me permite poner fechas futuras, entonces voy a poner el codigo haber si me pudieras echar una mano para habilitar las fechas pasadas, yo pienso que deve de ser cualquier bobada, epro ya le estube moviendo y nada..

Código js:

<script language="JavaScript">
 
var gdCtrl = new Object();
var gcGray = "#BEBEBE";
var gcToggle = "#CCCCCC";
var gcBG = "#FFFFFF";
var gcdarkblue= "#CC0000";
var gdCurDate = new Date();
var giYear = gdCurDate.getFullYear();
var giMonth = gdCurDate.getMonth()+1;
var giDay = gdCurDate.getDate();
var VicPopCal = new Object();
var diafechado;
var mesfechado;
var yearfechado;
var overCerrar = "#CEC6A6";
 
function fPopCalendar(popCtrl, dateCtrl, popCal, year, month, day){
  //parent.event.cancelBubble=true;
  VicPopCal = popCal;
  gdCtrl = dateCtrl;
  diafechado=day;
  mesfechado=month;
  yearfechado=year;
  fSetYearMon(year, month);
  var point = fGetXY(popCtrl);
   with (VicPopCal.style) {
    left = point.x+154+'px';
    top  = point.y-89+'px';
    visibility = 'visible';
  }
  VicPopCal.focus();
  // in order to make compatible with IE4.x , here I cut two line below off.
  // VicPopCal.all("popFrame").width=document.all("popTable").offsetWidth;
  // VicPopCal.all("popFrame").height=document.all("popTable").offsetHeight;
  // if u only target on IE5.x, uncommented them and delete the width&height prop in <IFrame> tag
  // thus you will find the 3rd para in fDrawCal() now works perfectly.
}
 
function cerrar(){
    VicPopCal.style.visibility = "hidden";
}
 
function fSetDate(iYear, iMonth, iDay){ 
    var meses = Array('', 'Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic');
    iMonth = meses[parseInt(iMonth)];
    
    if (iDay<10)
        iDay = "0"+iDay;
        
    gdCtrl.value = iDay+"/"+iMonth+"/"+iYear;   
  
    VicPopCal.style.visibility = "hidden";
}
 
function fSetSelected(aCell, num){
  var iOffset = 0;
  var iYear = parseInt(window.document.getElementById('tbSelYear').value);
  var iMonth = parseInt(window.document.getElementById('tbSelMonth').value);
  
  aCell.bgColor =gcBG;
  with (window.document.getElementById("cellText["+num+"]")) {
  //with (aCell.children[ "cellText["+num+"]" ]) {
  //    var iDay = parseInt(innerText);
//  var iDay = parseInt(window.document.getElementById("cellText["+num+"]").value);}
var browser=navigator.appName;
if (browser=="Microsoft Internet Explorer"){
 var iDay = window.document.getElementById("cellText["+num+"]").innerText;
}
else {
 var iDay = parseInt(innerHTML);
}
  }
  if (!isNaN(iDay))
    if (giYear<iYear) 
        if (giMonth>iMonth)
            fSetDate(iYear, iMonth, iDay);
        else {
            if (giMonth==iMonth) {
                if (giDay>=iDay)
                    fSetDate(iYear, iMonth, iDay);
            }
        }
    else 
        if (giYear==iYear) 
                if (giMonth<iMonth)
                    fSetDate(iYear, iMonth, iDay);
                else 
                    if (giMonth==iMonth) 
                        if (giDay<=iDay)
                            fSetDate(iYear, iMonth, iDay);
}
 
function Point(iX, iY){
    this.x = iX-162;
    this.y = iY+23;
}
 
function fBuildCal(iYear, iMonth) {
  var aMonth=new Array();
  for(i=1;i<7;i++)
    aMonth[i]=new Array(i);
 
  var dCalDate=new Date(iYear, iMonth-1, 1);
  var iDayOfFirst=dCalDate.getDay();
  var iDaysInMonth=new Date(iYear, iMonth, 0).getDate();
  var iOffsetLast=new Date(iYear, iMonth-1, 0).getDate()-iDayOfFirst+1;
  var iDate = 1;
  var iNext = 1;
 
 for (d = 0; d < 7; d++)
    aMonth[1][d] = (d<iDayOfFirst)?" ":iDate++;
  for (w = 2; w < 7; w++)
    for (d = 0; d < 7; d++)
        aMonth[w][d] = (iDate<=iDaysInMonth)?iDate++:" ";
  return aMonth;
}
 
function fDrawCal(iYear, iMonth, iCellWidth, iDateTextSize) {
  var WeekDay = new Array("D","L","M","M","J","V","S");
  var styleTD = " bgcolor='"+gcBG+"' width='"+iCellWidth+"' bordercolor='"+gcBG+"' valign='middle' align='center'  class='calendario' ";
  with (document) {
    write("<tr>");
    for(i=0; i<7; i++)
        write("<td "+styleTD+" ><b>" + WeekDay[i] + "</b></td>");
    write("</tr>");
 
    for (w = 1; w < 7; w++) {
        write("<tr>");
        for (d = 0; d < 7; d++) {
        num=(7*w)+d;
                 write("<td id=calCell"+(w+d)+ " "+styleTD+"' onMouseOver='this.bgColor=gcToggle' onMouseOut='this.bgColor=gcBG' onclick=fSetSelected(calCell"+(w+d)+ ","+num+")> ");
            write("<font id=cellText["+num+"] ></font>");
            write("</td>")
        }
        write("</tr>");
    }
  }
}
 
function fUpdateCal(iYear, iMonth) {
  myMonth = fBuildCal(iYear, iMonth);
  var i = 0;
  for (w = 0; w < 6; w++)
    for (d = 0; d < 7; d++) 
    with (window.document.getElementById("cellText["+((7*(w+1))+d)+"]")) {
    
        //with (cellText[(7*w)+d]) {
            if (myMonth[w+1][d]<0) {
                color = gcGray;
                innerHTML  = -myMonth[w+1][d];
            }else{
                
    if (giYear<iYear) 
        if (giMonth>iMonth) {
            color = ((d==0)||(d==6))?"#AA0000":"black";
            onClick = "javascript:";
            innerHTML  =myMonth[w+1][d];
        }
        else {
            if (giMonth==iMonth) {
                if (giDay>=myMonth[w+1][d]) {
                    color = ((d==0)||(d==6))?"#AA0000":"black";
                    innerHTML  =myMonth[w+1][d];
                }
                else {
                    color = gcGray;
                    innerHTML  =myMonth[w+1][d];
                }
            }
            else {
                color = gcGray;
                innerHTML  =myMonth[w+1][d];
            }
        }
    else 
        if (giYear==iYear) {
                if (giMonth<iMonth) {
                    color = ((d==0)||(d==6))?"#AA0000":"black";
                    innerHTML  =myMonth[w+1][d];
                }
                else {
                    if (giMonth==iMonth) { 
                        if (giDay<=myMonth[w+1][d]) {
                            color = ((d==0)||(d==6))?"#AA0000":"black";
                            innerHTML  =myMonth[w+1][d];
                        }
                        else {
                            color = gcGray;
                            innerHTML =myMonth[w+1][d];
                        }
                    }
                    else {
                        color = gcGray;
                        innerHTML =myMonth[w+1][d]; 
                    }
                }
        }
        if(giYear==iYear && giMonth==iMonth && giDay==myMonth[w+1][d]) { //fecha de hoy
            color = "#CC0000";
        }
        if(iYear==yearfechado && iMonth==mesfechado && myMonth[w+1][d]==diafechado) { //fecha seleccionada
            color = "red";
            bgColor="black";
        }
 
            }
        }
    
}
 
function fSetYearMon(iYear, iMon){
  window.document.getElementById('tbSelMonth').options[iMon-1].selected = true;
  //tbSelMonth.options[iMon-1].selected = true;
  
  for (i = 0; i < window.document.getElementById('tbSelYear').length; i++)
 // for (i = 0; i < tbSelYear.length; i++)
  
  if (window.document.getElementById('tbSelYear').options[i].value == iYear)
//  if (tbSelYear.options[i].value == iYear)
        window.document.getElementById('tbSelYear').options[i].selected = true; 
//      tbSelYear.options[i].selected = true;
  fUpdateCal(iYear, iMon);
}
 
 
 
function fGetXY(aTag){
  var oTmp = aTag;
  var pt = new Point(0,0);
  do {
    pt.x += oTmp.offsetLeft;
    pt.y += oTmp.offsetTop;
    oTmp = oTmp.offsetParent;
  } while(oTmp.tagName!="BODY");
  return pt;
}
 
var gMonths = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
 
with (document) {
//write("<p align=right > . </p>");
write("<BODY leftMargin=0 topMargin=0 > <p>");
write("<table id='popTable' border='0' width=200 height=178 align='center' >");
write("<TR>");
write("<td align='middle' align='center' >");
write('&nbsp;<select name="tbSelMonth" id="tbSelMonth" onChange="fUpdateCal(window.document.getElementById('+"'tbSelYear'"+').value, window.document.getElementById('+"'tbSelMonth'"+').value)" class="form_izq2">');
for (i=0; i<12; i++)
        write("<option value='"+(i+1)+"'>"+gMonths[i]+"</option>");
write("</SELECT>");
write('&nbsp;<SELECT name="tbSelYear" id="tbSelYear" onChange="fUpdateCal(window.document.getElementById('+"'tbSelYear'"+').value, window.document.getElementById('+"'tbSelMonth'"+').value)" class="form_izq2">');
for(i=giYear;i<=giYear+1;i++)
    write("<OPTION value='"+i+"'>"+i+"</OPTION>");
write("</SELECT> <font class='calendario' style='cursor:pointer; font-size: 14px; color:green;' onclick='cerrar()' onMouseOver='this.style.color=overCerrar' onMouseOut='this.style.color=gcdarkblue' valing='right'>| x |</font>");
 
write("</td>");
write("</TR><TR>");
write("<td align='center'>");
write("<DIV'><table width='100%' border='0' cellpadding='0' style='cursor:pointer;'>");
fDrawCal(giYear, giMonth, 19, 12);
write("</table></DIV>");
write("</td>");
write("</TR><TR><TD align='center'>");
write("<font style='cursor:pointer; font:bold 12 Verdana ; color:#CC0000;' onclick='fSetDate(giYear,giMonth,giDay)' onMouseOver='this.style.color=overCerrar' onMouseOut='this.style.color=gcdarkblue; '>Hoy :&nbsp;&nbsp;"+giDay+"&nbsp;"+gMonths[giMonth-1]+",&nbsp;"+giYear+"</font><br>");
write("</TD></TR>");
write("</TD></TR>");
write("</TABLE>");
}
 
</SCRIPT>
 

Ojala me pudieras ayudar para ahora si yo poder hacer una comparacion en este formato.

saludos y gracias!

[tampon]

Sera que alguien me puede echar una mano con esto?