Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

need a double click to open calendar view

See original GitHub issue

for some reason need to click 2 times to get the dropdown to show. Using latest chrome, also tried on Safari and get the same.

<div class="dropdown">
                            <a class="dropdown-toggle" id="startOn" role="button" data-toggle="dropdown" data-target="#" href="#">
                                <div class="input-group">

                                    <input type="text" class="form-control" ng-value="currentItem.startOn | date:'yyyy/MM/dd @ HH:mm'" readonly/>
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                </div>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel1">
                                <datetimepicker data-ng-model="currentItem.startOn" on-set-time="startTimeChanged(newDate, oldDate, currentItem.startOn)" data-datetimepicker-config="{ dropdownSelector: '#startOn', minuteStep:15 }"/>
                            </ul>
                        </div>

Issue Analytics

State:
Created 9 years ago
Comments:10 (3 by maintainers)

Top GitHub Comments

1reaction

gshireeshcommented, Mar 9, 2016

Fix for people using ui bootstrap and date picker

controller

angular.module('exchangeClient').directive('cxDateTimePicker', function() {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            "cxDtpModel" : "=",
            "cxDtpStartView" : "=?",
            "cxDtpMinView" : "=?",
            "cxDtpFormat" : "=?"
        },
        templateUrl: 'directive/date-time-picker/date-time-picker.html',
        link: function(scope) {
            scope.onTimeSet = function (newDate, oldDate) {
                scope.isOpen = false;
            }
        }
    };
});

html

<div style="width: 100%">
    <div uib-dropdown is-open="isOpen">
        <div uib-dropdown-toggle class="input-group">
            <input type="text" class="form-control" ng-model="cxDtpModel" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
        <div uib-dropdown-menu>
            <datetimepicker on-set-time="onTimeSet(newDate, oldDate)" ng-model="cxDtpModel" datetimepicker-config="options"></datetimepicker>
        </div>
    </div>
</div>

0reactions

emmagacommented, Feb 22, 2017

$scope.onSetTime() { angular.element(document.querySelector(‘.dropdown-toggle’)).click(); }