Question

我使用角度弯矩选择器。我想从数据库中动态禁用一些日期。我使用 selectable 方法，但它在所选日期之后有效。有人可以帮我动态禁用日期吗？

视图

<div class="col-md-2" >
    <div class="form-control" start-view="month" id="stringDate"  moment-picker="stringDate"   
     format="DD-MM-YYYY" locale="en" name="pickdate" ng-model="momentDate" 
    selectable="dateDisable(date,type)" required>
    <a class="pull-right" ng-if="stringDate"   ng-click="stringDate = ''">  &times; </a>
    <span ng-class="{'text-muted': stringDate}">
        {{stringDate || 'Select a date...' }}
    </span>
</div>

查看控制器

$scope.dateDisable = function(date,type)
{
    var check = 0;
    for(var i=0;i<=$scope.leavedates.length;i++) {
        var disable = $scope.leavedates[i].Date_selected;
        check = type !== 'day' || date.format('DD-MM-YYYY') !== disable;
        if(!check)  {
            return false;
        }

    }
};
$scope.leavedates =[];
$scope.getDatesSelect_asleave = function()
{
    $http.post('url').success(function(response) {
    $scope.leavedates =response;


    });
};

Answer 1

您需要使用selectable method来允许从数据库中选择日期，或者例如您可以看到星期日不可选。

您将获得从数据库中获取的日期列表，这些日期是可选择的或不是可选择的，然后您可以创建类似的函数并根据选择返回true或false。

如果您想尝试自己的函数，然后创建一个从数据库中获取的json对象，并在支持可选择的方法中查看它是否符合您的需要，那么页面本身就有plunkr link。

如何动态地使用角度弯矩选择器禁用日期

1 个答案: