Novo

Forum kao aplikacija na telefonu

Dodajte forum na početni ekran i koristite ga kao aplikaciju, sa menijem na dnu ekrana.

  • 4 odgovora
  • 2.254 pregleda

Najnovija ↓

Javascript formular sa datumima 06.02.2013. u 22:05 · pre 167 meseci #1
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>
Re: Javascript formular sa datumima 07.02.2013. u 13:56 · pre 167 meseci
izmenjeno 1 put, poslednji put ivan.a 07.02.2013. u 14:22
  1. ivan.a07.02.2013. u 14:22zapis iz teksta poruke
#2
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
Potpis
I hope I didn't brain my damage - Homer
if (wife.position == kitchen) {return sandwich};
Re: Javascript formular sa datumima 10.02.2013. u 10:28 · pre 167 meseci #3
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. :)
Re: Javascript formular sa datumima 11.02.2013. u 07:52 · pre 167 meseci #5
@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.
Potpis
I hope I didn't brain my damage - Homer
if (wife.position == kitchen) {return sandwich};
Prijavite se da biste odgovorili u ovoj temi.PrijavaRegistracija

Premeštanje teme