Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Data z kalendarza
Forum PHP.pl > Forum > Przedszkole
Barcelona
Witam, wyrywam sobie już włosy z głowy i nie wiem dalej jak to ruszyć.
Próbuje zrobić w formularzu pole input do którego date wprowadza się tylko wyłącznie poprzez wybranie jej z kalendarzyka. Na pewno wiecie o co chodzi bo często jest widziane takie rozwiązanie. Dla nie wiedzących link http://rozklad-pkp.pl/

Formularz nie jest problem zrobić, ale poddaje się na tym kalendarzu. Znalazłem w necie takie coś: http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm.

W HEAD dałem

  1. <script type="text/javascript" src="calendarDateInput.js"></script>


Zrobiłem testowy formularz, taki jaki oni pokazali

  1.  
  2. <script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
  3.  
  4. <input type="button" onClick="alert(this.form.orderdate.value)" value="Show date value passed">
  5.  
  6. </form>

Jednak pokazuje mi jedynie przycisk, którego i tak nie mogę wcisnąć :/

Gdzie robię błąd ?
jaslanin
to jest jakiś stary skrypt (2005), w dodatku chyba źle udokumentowany, bo w kodzie ich strony inaczej trochę jest zaimplementowany niż w przykładzie na ich stronie, jeżeli chcesz używać tego rozwiązania to podglądnij sobie ich kod źródłowy strony z przykładami.

nie pasowały by Ci bardziej takie rozwiązania:
http://www.ama3.com/anytime/
http://jqueryui.com/demos/datepicker/
Barcelona
No tamto już trochę ma, ale właśnie to co mi pokazałeś w pełni mnie zadowala smile.gif Fajnie to brzmi smile.gif Dzięki

Zainteresowało mnie http://jqueryui.com/demos/datepicker/

Jednak nigdzie nie widzę całego kodu z którego mogę skorzystać. Pokazane jest tylko to
  1. $(function() {
  2. $( "#datepicker" ).datepicker();
  3. });
  4. </script>
  5.  
  6.  
  7.  
  8. <div class="demo">
  9.  
  10. <p>Date: <input type="text" id="datepicker"></p>
  11.  
  12. </div><!-- End demo -->
  13.  
  14.  
  15.  
  16. <div class="demo-description" style="display: none; ">
  17. <p>The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p>
  18. </div><!-- End demo-description -->

A gdzie jest zbiór funkcji itd ?
Pozdrawiam
jaslanin
do uruchomienia potrzebujesz jquery i jquery ui, czyli w sumie trzech plików wstawionych jako zewnętrzne pliki js i css

Info od jquery
http://jqueryui.com/docs/Getting_Started

możesz pobrać stąd i wstawiasz jako zewnętrzny plik JS i CSS:

http://jqueryui.com/download

albo:

możesz użyć tego:

http://code.google.com/apis/libraries/devguide.html#jqueryUI
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.