Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> jQuery UI Datepicker - nieaktywne daty
htk
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 8.07.2011

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


Witam,

korzystam w tworzonym serwisie ze skryptu Datepicker. Wszystko działa sprawnie, lecz potrzebuję zrobić z kalendarzem coś, czego nie znalazłem w dokumentacji. Otóż, chcę by niektóre daty były nieaktywne (niemożliwe do wybrania). Przykładowo: rozwijam kalendarz i mam listopad, ale np. między 24-28 listopada potrzebuję by data była nieaktywna, tzn. nie można wybrać daty z tego zakresu (między 24 a 28 listopadem).
Proszę o pomoc w tej sprawie, w razie pytań jestem do dyspozycji.

Pozdrawiam!
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
htk
post
Post #2





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 8.07.2011

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


Proszę zatem o pomoc w realizacji tej opcji w moim kodzie.
Załączone mam następujące pliki:
  1. <script type="text/javascript"> var $j = jQuery.noConflict(); </script>
  2. <script type="text/javascript" src="scripts/jquery-1.4.3.js"></script>
  3. <script type="text/javascript" src="scripts/jquery-ui.min.js"></script>


Dalej mam:
  1. <script type="text/javascript">
  2. jQuery(document).ready(function() {
  3. jQuery("#kamper_data1").datepicker();
  4. jQuery("#kamper_data2").datepicker();
  5. });
  6.  
  7. jQuery(function($){
  8. $.datepicker.regional['pl'] = {
  9. closeText: 'Zamknij',
  10. prevText: '<Poprzedni',
  11. nextText: 'Następny>',
  12. currentText: 'Dziś',
  13. monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec',
  14. 'Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
  15. monthNamesShort: ['Sty','Lu','Mar','Kw','Maj','Cze',
  16. 'Lip','Sie','Wrz','Pa','Lis','Gru'],
  17. dayNames: ['Niedziela','Poniedziałek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
  18. dayNamesShort: ['Nie','Pn','Wt','Śr','Czw','Pt','So'],
  19. dayNamesMin: ['N','Pn','Wt','Śr','Cz','Pt','So'],
  20. weekHeader: 'Tydz',
  21. dateFormat: 'yy-mm-dd',
  22. minDate: 0,
  23. firstDay: 1,
  24. isRTL: false,
  25. showMonthAfterYear: false,
  26. yearSuffix: ''};
  27. $.datepicker.setDefaults($.datepicker.regional['pl']);
  28. });
  29. </script>



Próbowałem to zrobić w następujący sposób, ale nic z tego:
  1. <script type="text/javascript">
  2. var disabledDays = ["10-11-2011","15-11-2011"];
  3.  
  4. function nationalDays(date) {
  5. var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
  6. for (i = 0; i < disabledDays.length; i++) {
  7. if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1 || new Date() > date) {
  8. return [false];
  9. }
  10. }
  11. return [true];
  12. }
  13. function noWeekendsOrHolidays(date) {
  14. var noWeekend = jQuery.datepicker.noWeekends(date);
  15. return noWeekend[0] ? nationalDays(date) : noWeekend;
  16. }
  17.  
  18. jQuery(document).ready(function() {
  19. jQuery("#kamper_data1").datepicker();
  20. jQuery("#kamper_data2").datepicker();
  21. });
  22.  
  23. jQuery(function($){
  24. $.datepicker.regional['pl'] = {
  25. closeText: 'Zamknij',
  26. prevText: '<Poprzedni',
  27. nextText: 'Następny>',
  28. currentText: 'Dziś',
  29. monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec',
  30. 'Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
  31. monthNamesShort: ['Sty','Lu','Mar','Kw','Maj','Cze',
  32. 'Lip','Sie','Wrz','Pa','Lis','Gru'],
  33. dayNames: ['Niedziela','Poniedziałek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
  34. dayNamesShort: ['Nie','Pn','Wt','Śr','Czw','Pt','So'],
  35. dayNamesMin: ['N','Pn','Wt','Śr','Cz','Pt','So'],
  36. weekHeader: 'Tydz',
  37. dateFormat: 'yy-mm-dd',
  38. minDate: 0,
  39. firstDay: 1,
  40. isRTL: false,
  41. showMonthAfterYear: false,
  42. constrainInput: true,
  43. beforeShowDay: noWeekendsOrHolidays,
  44. yearSuffix: ''};
  45. $.datepicker.setDefaults($.datepicker.regional['pl']);
  46. });
  47. </script>


Ten post edytował htk 9.11.2011, 15:54:07
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 27.12.2025 - 04:36