jQuery UI Datepicker - How can i, on select, highlight a particular range of dates?


jQuery UI Datepicker - How can i, on select, highlight a particular range of dates?



I want to, when the user selects a date, highlight the following 11 days. The intention is to show a 12-day range selected depending on whatever day was chosen.

I've seen the "date range picker" from http://www.filamentgroup.com/ suggested, but this doesnt really give me the visualization i want, it just lets a user pick a range (from/to) as i understand it.

Any suggestion on how i can realize this?

Cheers




hi from my db i am getting a value as string type and when i am displaying in in my jsf page it is displaying as 12.0

1:



How do I insert non breaking space character   in a JSF page?
You can use the beforeShowDay event to give a CSS style for the dates you need to highlight..
JSF concurrency issue
Code:.
Notifying one bean from another in ICEFaces
$(document).ready(function(){     var selected = null;      $('#datePicker').datepicker({beforeShowDay: function(date) {                         if (selected != null && date.getTime() > selected.getTime() &&                             (date.getTime() - selected.getTime()) < 12*24*3600*1000) {                             return [true, "highlighted"];                         }                         return [true, ""];                     }});      $("#datePicker").datepicker( 'option' , 'onSelect', function() {             str = $(this).val().toString();             selected=$.datepicker.parseDate('mm/dd/yy', str);             console.log(selected);             }); }); 


Is there a way to use EL to get the current value of an h:inputText field?


98 out of 100 based on 88 user ratings 488 reviews