[ zoran.markovic @ 06.02.2013. 21:05 ] @
Ljudi, treba mi mala pomoć. Treba da napravim formular sa rezervacijom. Poenta je da se odabere početni i krajnji datum sa tim da kad se izabere početni datum, ne mogu da se odaberu datumi pre njega (da se ne bi rezervisalo unazad) nego samo oni posle. I kad se odabere poslednji dan u mesecu on treba da prebaci u naredni mesec. Koristim HTML5 jer moram tako i rečeno mi je da može pomoću objekta tipa date da se reši problem, a ja ne umem. Nema više živaca da tražim po internetu pa vas pitam. Nadam se da će se neko smilovati da mi pomogne.
Evo koda koji imam:
Code:
<html>
    <head>
        <script type='text/javascript'>
            function promeni(obj)
            {
                
            var b=document.forma.pocetak.value;
            var c=document.forma.kraj.value;
            var d=new Date(b);
            
            document.forma.kraj.disabled=false;
            
            var datum=d.getDate();
            
            var datumPodaci=obj.value.split("-");
        /*var godina=datumPodaci[0];
        var mesec=datumPodaci[1];
        var dan=datumPodaci[2];
document.write(dan, mesec, godina);    */
            var noviDan=parseInt(datumPodaci[2])+1;
            document.forma.kraj.min=datumPodaci[0]+"-"+datumPodaci[1]+"-"+noviDan; 
            
        
            }
            
        function prikaz()
        {
            var a=document.forma.ime.value;
            var b=document.forma.pocetak.value;
            var c=document.forma.kraj.value;
            
            document.write("Ime je: "+a+"<br>");
            document.write("Datum pocetni je: "+b+"<br>");
            document.write("Datum krajni je: "+c+"<br>");
        }
        </script>
    </head>
    <body>
    
        <form name='forma' action='seminarski.html'>
            Unesi ime: <input type='text' name='ime' id='ime'><br>
            Odaberi pocetni datum:
            <input type='date' name='pocetak' id='pocetak' min='2000-01-01' onchange='promeni(this)'><br>
            Odaberi krajnji datum: 
            <input type='date' name='kraj' id='kraj' max="2020-12-31"  disabled>
            <br>
            <input type='button' name='dugme' value='klinki' onclick='prikaz()'>
        </form>
    
    </body>

</html>
[ ivan.a @ 07.02.2013. 12:56 ] @
Možda je najbolje da koristiš jQuery biblioteku:

Code:
<!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><title></title>
<link rel="stylesheet" href="http://ajax.googleapis.com/aja....8.5/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/aja...queryui/1.8.5/jquery-ui.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            var Datum_Start = $('#Datum_Start');
            var Datum_Kraj = $('#Datum_Kraj');

            Datum_Start.datepicker({ onClose: clearEndDate });
            Datum_Kraj.datepicker({ beforeShow: setMinDateForEndDate });

            function setMinDateForEndDate() {
                var d = Datum_Start.datepicker('getDate');
                if (d) return { minDate: d }
            }

            function clearEndDate(dateText, inst) {
                Datum_Kraj.val('');
            }
        });
    </script>
</head>
<body>
    <form name="form1" method="post" action="" id="form1">
        <input name="Datum_Start" type="text" id="Datum_Start" />
        <input name="Datum_Kraj"  type="text" id="Datum_Kraj" />
    </form>
</body>
</html>


Note: iz nekog razloga ES forum pogrešno parsira kod, pa se ne prikazuje tačno link ka jquery-ui.min.js i jquery-ui.css

[Ovu poruku je menjao ivan.a dana 07.02.2013. u 14:22 GMT+1]
[ zoran.markovic @ 10.02.2013. 09:28 ] @
Hvala na pokušaju, ali mi nije pomoglo. Kad sam pokušao da pokrenem nije radilo. Možda sam ja nešto pogrešio. Ako možeš da mi šibneš moj kod prerađen sa objektom tipa date bilo bi bolje. Ako ne možeš, u redu je. Bar si odgovorio. :)
[ nemnesic @ 10.02.2013. 17:19 ] @
Zasto ne kkoristis jQuery i neki jQuery datepicker i validation plugin. Pogledaj npr ovo: http://keith-wood.name/uiDatepickerValidation.html
[ ivan.a @ 11.02.2013. 06:52 ] @
@zoran.markovic,

pre nego što sam postavio kod testirao sam i radi savršeno. Proveri ponovo šta si kucao!
Atribute (name, ID) možeš da menjaš u zavisnosti od tvog koda.