[es] - Javascript formular sa datumima

zoran.markovic

Član broj: 69009
Poruke: 10
*.dynamic.isp.telekom.rs.

Profil

^{06.02.2013. u 21:05 - pre 136 meseci}

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>

Odgovor na temu

ivan.a
PHP developer

Član broj: 83976
Poruke: 403
89.216.28.*

+44 Profil

Re: Javascript formular sa datumima

^{07.02.2013. u 12:56 - pre 136 meseci}

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]}

I hope I didn't brain my damage - Homer
if (wife.position == kitchen) {return sandwich};

Odgovor na temu

zoran.markovic

Član broj: 69009
Poruke: 10
*.dynamic.isp.telekom.rs.

Profil

Re: Javascript formular sa datumima

^{10.02.2013. u 09:28 - pre 136 meseci}

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. :)

Odgovor na temu

nemnesic
nemnesic
Software Developer
Vranje Florida

Član broj: 44355
Poruke: 802
*.dynamic.sbb.rs.

+64 Profil

Re: Javascript formular sa datumima

^{10.02.2013. u 17:19 - pre 136 meseci}

Zasto ne kkoristis jQuery i neki jQuery datepicker i validation plugin. Pogledaj npr ovo: http://keith-wood.name/uiDatepickerValidation.html

Odgovor na temu

ivan.a
PHP developer

Član broj: 83976
Poruke: 403
89.216.28.*

+44 Profil

Re: Javascript formular sa datumima

^{11.02.2013. u 06:52 - pre 136 meseci}

@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.

I hope I didn't brain my damage - Homer
if (wife.position == kitchen) {return sandwich};

Odgovor na temu