I am new JQuery, have issues in Slider widget

I am new JQuery, have issues in Slider widget

I am trying to create a Slider for date range, ie from current date to last 3 months. Suppose I have 3months Jan(31 days) - Feb(28) - Mar(31), when i move the slider its displays the value as "Jan <date>", but as soon as I try to go fwd with another month it displays "Feb 32" & so on. I want to know how can I reset the value so that it changes the value with the month.


Take the Scenario as: I have a Jquery Slider which has the min as 1 & max as 100. When i move the slider to 31, it should show the msg below as "Jan 31", but as soon as i move to 32 the value which is displayed should show Feb 1, but in my case it is showing Feb 32. Is there any way where in I can reset the value back as 1 at the same time not allowing the slider to move back to the 1st position.

the ui.value in jquery comes as 1...31 32 33 34 ....
below i display as Jan 31

What I need is to change the ui.value such that as soon as it goes beyond 31 it should show the Message as Feb 1.

Eg: UI.Value | Display
31 Jan 31
32 Feb 1
33 Feb 2
34 Feb 3

Bottom line is that I want to show the Calendar dates in Jquery Slider.