Highlight multiple days but select only one day about multipledatepicker HOT 4 CLOSED

Use the day-click callback to choose to select the date or not.

html

<multiple-date-picker day-click="selectDayIfPossible" highlight-days="highlightDays"/>

js

$scope. selectDayIfPossible = function(event, date) {
    event.preventDefault() // prevent the select to happen
    if(canSelect()){ //check if user can select this date
        date.selected = !date.selected
    }
}
$scope.highlightDays = [
    {date: YOUR_DATE, css: 'mySelectableClass', selectable: true},
];

Then change the css to show dates with default css as not selectable and add css for .picker-day.mySelectableClass (check the example Highlight-days in the demo page)

from multipledatepicker.

Thanks. That does give me a solution.

But now there is another issue, I am not able to 'highlight-days', although I am using the exact procedure specified here : http://arca-computing.github.io/MultipleDatePicker/

None of the specified days is highlighted. Can I get a Plunker/Fiddle for any example? Thanks in advance!

from multipledatepicker.

Can you show me your code ? (html, js, css)
We can work on it on a plunkr, would be easy to spot the error together

from multipledatepicker.

I have worked around on the issue and got what I wanted for now. Will get
in touch if I see a problem again!

On Tue, Aug 11, 2015 at 1:06 PM, Maelig [email protected] wrote:

Can you show me your code ? (html, js, css)
We can work on it on a plunkr, would be easy to spot the error together

—
Reply to this email directly or view it on GitHub
#26 (comment)
.

from multipledatepicker.