Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak wstawić kalendarz z opcją wyboru daty?
switch301
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 18.08.2011

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

Witam, czy może mi ktoś podać przykład kodu który wstawia ramkę tekstową a obok gotowy kalendarz z którego można wybrać kliknięciem datę która automatycznie uzupełni ową ramkę? wiem że takich rzeczy jest dużo na google, ale jestem świeży w php i nie bardzo potrafię to zaimplementować do swojego projektu. W skrócie moja ramka wygląda tak:

[HTML] pobierz, plaintext 
  1. Due date: <input type="text" name="duedate" value="yyyy.mm.dd" onfocus="this.value = (this.value == this.defaultValue ) ? '' : this.value;return true;">
[HTML] pobierz, plaintext

co zrobić by gdzieś obok niej widniał mały kalendarzyk z którego zamiast wpisać z ręki można ową datę wybrać kliknięciem a ona wskoczy w odpowiednim formacie?

Z góry bardzo dziękuję, pozdrawiam!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
shpaque
post
Post #2





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

Ostrzeżenie: (10%)
X---- 

[PHP] pobierz, plaintext 
  1. <link rel="stylesheet" href="./cupertino/jquery.ui.all.css" type="text/css"> //lub inną szatę graficzną - ale wszystko do pobrania z jQuery
  2. <script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
  3. <script type="text/javascript" src="./jquery.ui.core.min.js"></script>
  4. <script type="text/javascript" src="./jquery.ui.widget.min.js"></script>
  5. <script type="text/javascript" src="./jquery.ui.datepicker.min.js"></script>
  6. <style type="text/css">
  7. .ui-datepicker
  8. {
  9.    font-family: Arial;
  10.    font-size: 13px;
  11.    z-index: 1003 !important;
  12. }
  13. </style>
  14. <script type="text/javascript">
  15. $(document).ready(function()
  16. {
  17.    var indexjQueryDatePicker1Opts =
  18.    {
  19.       dateFormat: 'mm/dd/yy',
  20.       changeMonth: false,
  21.       changeYear: false,
  22.       showButtonPanel: false,
  23.       showAnim: 'show'
  24.    };
  25.    $("#indexjQueryDatePicker1").datepicker(indexjQueryDatePicker1Opts);
  26. });
  27. </script>
  28. </head>
  29. <body>
  30. <input type="text" id="indexjQueryDatePicker1" style="position:absolute;left:92px;top:79px;width:98px;height:18px;border:1px #C0C0C0 solid;font-family:Arial;font-size:13px;z-index:0" name="indexjQueryDatePicker1" value="">
  31. </body>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- switch301   Jak wstawić kalendarz z opcją wyboru daty?   18.08.2011, 15:39:02
- - tehaha   http://jqueryui.com/demos/datepicker/ ps. tego ni...   18.08.2011, 15:40:32
- - switch301   nie zasłaniam się, po prostu nigdy nie miałem z ty...   19.08.2011, 08:45:16
- - vokiel   Dołączyłeś wymagane biblioteki jQuery?   19.08.2011, 08:59:21
- - shpaque   [PHP] pobierz, plaintext <link rel="styles...   19.08.2011, 10:28:38
- - tehaha   generalnie jak czegoś nie umiesz to najbezpiecznie...   19.08.2011, 10:50:32
- - switch301   super, dziękuję Wam bardzo, z tak łopatologicznym ...   19.08.2011, 15:11:46
- - luckyps   Datepicker - formatDate   19.08.2011, 15:16:30

« Następny starszy · PHP · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 1.04.2026 - 19:17
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn