Prvi ste put ovdje? Pročitajte faq i registrirajte se.
x
  • Registracija
Dobrodošli, ovdje možete postavljati pitanja vezana za problematiku programiranja. Da bi postavili pitanje nije potrebna registracija :)

149 pitanja

181 odgovora

158 komentara

2,222 korisnika

Zadnje značke

Potvrđeni korisnik
HarrisEusebi...
Potvrđeni korisnik
AntoniettaFe...
Potvrđeni korisnik
WOBJacinto80...
Potvrđeni korisnik
TameraCarter...
Potvrđeni korisnik
AndreasHeine...

trenutni datum i vrijeme na stranici (nastavak) - jQuery UI i datepicker

+5 glasova

Kako rješenje iz pitanja: http://www.primjeri.com/116/datum-i-vrijeme-na-stranici koristiti sa jQuery UI datepicker pluginom?

Kada se stranica učita htio bih da su po defaultu današnji datum i trenutno vrijeme ali po potrebi da korisnik može izmjeniti datum tako da mu klikom na polje <input name="datum" id="datum" /> izleti jQuery UI datepicker. Nakon izbora datuma u polju input mora biti odabrani datum u formatu koji koristimo u hrvatskoj: DD.MM.GGGG.

Upit Velj 2, 2012 purifier (361)  
ponovo označeno Velj 2, 2012 primjeri
   

Odgovor 1

+3 glasova
 
Najbolji odgovor

Cijeli primjer jQuery UI datepicker-a:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>jQuiery UI - kalendar</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/blitzer/jquery-ui.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" type="text/javascript">
    window.jQuery || document.write('<script type="text/javascript" src="/js/jquery/1.7.1/jquery-1.7.1.min.js"><\/script>');
    </script>
    <script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
    <script type="text/javascript">
    window.jQuery.ui || document.write('<script type="text/javascript" src="/js/jquery_ui/1.8.17/jquery-ui.1.8.17.min.js"><\/script>');
    </script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/i18n/jquery.ui.datepicker-hr.js"></script>
    <script type="text/javascript">
    window.jQuery.ui || document.write('<script type="text/javascript" src="/js/jquery_ui/1.8.17/i18n/jquery-ui-i18n.min.js"><\/script>');
    </script>
    <script type="text/javascript" charset="utf-8">
    var datumvrijeme = new Date();
    var mjesec = datumvrijeme.getMonth() + 1;
    var dan = datumvrijeme.getDate();
    var godina = datumvrijeme.getFullYear();
    var sati = datumvrijeme.getHours();
    var minuta = datumvrijeme.getMinutes();
    var sekundi = datumvrijeme.getSeconds();
    if(mjesec<10){
        mjesec="0"+mjesec;
    }
    if(dan<10){
        dan="0"+dan;
    }
    if(sati<10){
        sati="0"+sati;
    }
    if (minuta<10){
        minuta="0"+minuta;
    }
    if (sekundi<10){
        sekundi="0"+sekundi;
    }

    var datum=dan+'.'+mjesec+'.'+godina+'.';
    var vrijeme=sati+':'+minuta+':'+sekundi;

    $(document).ready(function(){
        var datePickerOpcije={
            showButtonPanel: true,
            changeYear: true,
            changeMonth: true
        }
        $('#datum').datepicker(datePickerOpcije);
    });
    function datum_vrijeme()
    {
        document.getElementById('datum').value = datum;
        document.getElementById('vrijeme').value = vrijeme;
    }
    </script>
</head>

<body onload="datum_vrijeme();">
<form method="POST" action="akcija.php">
    <input name="datum" id="datum" value=""/> datum
    <input name="vrijeme" id="vrijeme" value=""/>  vrijeme
</form>
</body>
</html>
Odgovoreno Velj 2, 2012 Predrag Mušić (562)  
odabrano Velj 7, 2012 primjeri