2014-07-09 54 views
1

哪裏發生問題就在這裏你可以看到一個演示:http://arca-computing.github.io/MultipleDatePicker/的Android瀏覽器角納克級的未更新

如果您在Chrome試試你的電腦上它的工作好:您可以選擇/取消選擇的日期,屏幕上出現紅色的背景/消失。

但是,如果您嘗試使用Android Chrome瀏覽器,則可以選擇日期,顯示紅色背景,但取消選擇時,紅色背景不會消失,它會在您下次觸摸時消失。

我使用範圍變量的每一天與屬性「選定」。當我調試它時,選定的屬性切換得很好。

NG:日曆是一個指令,在github上回購(頁面鏈接)全碼

編輯:看起來像它取消的日期

回答

0

找到一個解決辦法後的一個焦點/懸停的問題:在每一天我添加屬性懸停爲false,然後我使用ng-mouseover和ng-mouseleave切換此屬性並應用樣式。

<div class="text-center picker-day" ng-repeat="day in days" ng-click="toggleDay(day)" ng-mouseover="day.hover=true" ng-mouseleave="day.hover=false" ng-class="{'picker-selected':day.selected, 'picker-off':!day.selectable, 'hover':day.hover && day.selectable}">{{day ? day.format('D') : ''}}</div>