如何使用dateTimePicker AngularJS引导程序禁用日期

时间:2015-04-11 01:11:35

标签: angularjs bootstrap-datetimepicker

我正在使用Angular Bootstrap DateTimePicker

我正在试图找出如何禁用特定日期,但没有任何工作。

有人有任何建议吗?

2 个答案:

答案 0 :(得分:2)

我找到了答案。 我建议使用prerender: 我拿走当前代表的所有对象(月份)。 查找该特定日期,然后将该日期可选属性更改为false。

答案 1 :(得分:1)

这适用于Dale Lotts DateTimePicker。

    $scope.beforeRender = function ($view, $dates, $leftDate, $upDate, $rightDate) {
        var nowUtc = new Date();
        if ($view === 'day') {
            nowUtc.setHours(0, 0, 0, 0);
        } else {
            if ($view === 'hour') {
                nowUtc.setMinutes(0, 0, 0);
            }
        }

        for (var i = 0; i < $dates.length; i++) {
            if ($dates[i].utcDateValue < nowUtc) {
                $dates[i].selectable = false;
            } else {
                $dates[i].selectable = true;
            }
        }
    }