How to set dynamic value to minView in datetimepicker?

Question

I'm implementing Dale Lotts datetimepicker in my app. I want to change the value of minView dynamically from minute to day. I have tried something like this.

In HTML:

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

In JS:

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

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

I want to set minView property as day at one place and minute at another place with this datetimepicker .

Please suggest.

Answer 1

Finally got it to work. Thank you @dale.lotts

in HTML:

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

in JS:

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

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

Call $scope.changeConfig function when you need to change the configuration.