[jQuery UI] Zmiana tła dni w kalendarzu. Plugin Datepicker Opcje

[Darekxp]

Witam!

Robię prosty system zaznaczania zarezerwowanych dni pokojów w małym pensjonacie z użyciem pluginu Datepicker jQuery UI.

Czy jest możliwość wstawienia dni np w formie ["2012-09-12", "2012-09-13", "2012-09-23", "2012-10-16"....] i zmiany ich tła (komórki dnia) np na kolor czerwony ? Dane te by były pobierane z bazy danych.

PS. W jakie znaczniki wstwiać kod JS na forum, żeby był czytelny?

fragment podstony pokoje.tpl

[HTML] pobierz, plaintext 
<script>
    $(function() {
      $( "#datepicker" ).datepicker();
    });
</script>
<p>Sprawdź dostępność: <input type="text" id="datepicker"></p>
[HTML] pobierz, plaintext 

calendar.js

[HTML] pobierz, plaintext 
jQuery(function($){
	$.datepicker.regional['pl'] = {
		closeText: 'Zamknij',
		prevText: 'Poprzedni;',
		nextText: 'Następny',
		currentText: 'Dziś',
		monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec',
		'Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
		monthNamesShort: ['Sty','Lu','Mar','Kw','Maj','Cze',
		'Lip','Sie','Wrz','Pa','Lis','Gru'],
		dayNames: ['Niedziela','Poniedzialek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
		dayNamesShort: ['Nie','Pn','Wt','Śr','Czw','Pt','So'],
		dayNamesMin: ['N','Pn','Wt','Śr','Cz','Pt','So'],
		weekHeader: 'Tydz',
		dateFormat: 'yy-mm-dd',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['pl']);
});
 
$(function() {
  $("#datepicker").datepicker({ dateFormat:"yy-mm-dd", nextText: " »", prevText: "« ", minDate: new Date(), maxDate: "+2m" });	
  $.datepicker.setDefaults($.datepicker.regional['pl']);
});
[HTML] pobierz, plaintext 

[grzes999]

Musisz użyć funkcji beforeShow. Żeby zaznaczyć daty w kalendarzu. A kolor to później w css możesz sobie zmienić.

Fragment kodu

[JAVASCRIPT] pobierz, plaintext 
$('.selector').datepicker({
   beforeShow: function(input, inst) { ... }
});
[JAVASCRIPT] pobierz, plaintext 

więcej o beforeShow w dziale events

Ten post edytował grzes999 5.09.2012, 14:33:57