如何在datetimepicker中将动态值设置为minView?

时间:2019-01-29 04:30:08

标签: angularjs angular-ui-bootstrap bootstrap-datetimepicker

我正在我的应用程序中实现Dale Lotts datetimepicker。 我想从分钟到一天动态更改minView的值。 我已经尝试过类似的事情。

在HTML中:

<datetimepicker data-ng-model="dateModel" data-datetimepicker-config="{ dropdownSelector: 'id', minView: 'minute', configureOn:'change' }"/>

在JS中:

scope.config = "{ dropdownSelector: 'id', minView: 'day',configureOn:'change' }";

setTimeout(function () {scope.$broadcast('change', scope.config);}, 500);

我想使用此datetimepicker将minView属性设置为在某处为天,在另一处为分钟。

请提出建议。

1 个答案:

答案 0 :(得分:0)

最后使它起作用。谢谢@ dale.lotts

在HTML中:

<datetimepicker data-ng-model="dateModel" data-datetimepicker-config="config.configureOnConfig"></datetimepicker>

在JS中:

$scope.config = {
    configureOnConfig: {
        dropdownSelector: 'id',
        minView: 'minute',
        configureOn: 'config-changed'
    }
};

$scope.changeConfig=function(){
    $scope.config.configureOnConfig.minView = 'day';
    $scope.$broadcast('config-changed');
}

需要更改配置时,调用 $ scope.changeConfig 函数。