Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript] kalendarzyk w formularzu, date picker x2 szt.
em-ba
post
Post #1





Grupa: Zarejestrowani
Postów: 202
Pomógł: 3
Dołączył: 6.01.2008
Skąd: Mazowieckie

Ostrzeżenie: (0%)
-----


Witam smile.gif, wstawiłem do formularza pole date, które posiada z boku ikonke, po naciśnięciu której pojawia się kalendarzyk /date picker/ itd..
Teraz nie wiem co mam zrobić aby w daleszej części formularza zrobić kolejne takie pole "date".
Kalenarzyk korzysta z mechanizmów JS i głowię się co tu zrobić, zeby kalendarzyk działał dla dwóch pół w formularzu, a nie tylko dla jednego.

Jak przypisuje kod kalendarzyka dla obydwu pól formularza, to działa tylko przy pierwszym, a przy drugim już nie chce..
Mam nadzieję, że dość przejźyście opisałem swój problem, będę wdzięczny za każdą pomoc.. biggrin.gif

Oto kod:

  1. <script type="text/javascript" src="mootools.js"></script>
  2. <script type="text/javascript" src="calendar.js"></script>
  3. <script type="text/javascript">
  4. window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  5. </script>
  6. <script type="text/javascript" src="mootools.js"></script>
  7. <script type="text/javascript" src="calendar.js"></script>
  8. <script type="text/javascript">
  9. window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  10. </script>
  11. </head>
  12. <body>
  13. <div>
  14. <label for="date">data przyjazdu:</label>
  15. <input id="date" name="date" class="text" type="text" maxlength="30" value="<?=$data_przyj;?>" />
  16. </div>
  17. <div>
  18. <label for="date">data odjazdu:</label>
  19. <input id="date" name="date" class="text" type="text" maxlength="30" value="<?=$data_odj;?>" />
  20. </div>
  21. </body>


próbowałem jeszcze w taki sposób ale również nic nie pomogło..
  1. <script type="text/javascript" src="mootools.js"></script>
  2. <script type="text/javascript" src="calendar.js"></script>
  3. <script type="text/javascript">
  4. window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  5. </script>
  6. <script type="text/javascript" src="mootools1.js"></script>
  7. <script type="text/javascript" src="calendar1.js"></script>
  8. <script type="text/javascript">
  9. window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  10. </script>
  11. </head>
Go to the top of the page
+Quote Post
lilik
post
Post #2





Grupa: Zarejestrowani
Postów: 66
Pomógł: 5
Dołączył: 17.03.2005

Ostrzeżenie: (0%)
-----


a po co wywolujesz dwa razy

  1. <script type="text/javascript" src="mootools1.js"></script>
  2. <script type="text/javascript" src="calendar1.js"></script>


no i dwa rozne pola textowe zanwales tak samo :/

no i zerknij do dokumentacji tam pewnie jest ladnie wyjasnione jak uzyc to do dwoch roznych pol

udalo mi sie znalesc dokumentacje

tu masz rozwiazanie
  1. <script type="text/javascript" src="mootools.js"></script>
  2. <script type="text/javascript" src="calendar.js"></script>
  3. <script type="text/javascript">
  4. window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1}); });
  5. window.addEvent('domready', function() { myCal2 = new Calendar({ date2: 'd/m/Y' }, { direction: 1}); });
  6. </head>
  7. <div>
  8. <label for="date">data przyjazdu:</label>
  9. <input id="date" name="date" class="text" type="text" maxlength="30" value="<?=$data_przyj;?>" />
  10. </div>
  11. <div>
  12. <label for="date">data odjazdu:</label>
  13. <input id="date2" name="date2" class="text" type="text" maxlength="30" value="<?=$data_odj;?>" />
  14. </div>
  15. </body>


Ten post edytował lilik 20.05.2008, 14:04:39
Go to the top of the page
+Quote Post
em-ba
post
Post #3





Grupa: Zarejestrowani
Postów: 202
Pomógł: 3
Dołączył: 6.01.2008
Skąd: Mazowieckie

Ostrzeżenie: (0%)
-----


suuper smile.gif smile.gif
działa jak należy biggrin.gif

DZIĘKUJĘ ZA POMOC..
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 10:04