dist/jquery-clockpicker.js
function(view, delay) {
            var self = this;

            var raiseAfterShowHours = false;
            var raiseAfterShowMinutes = false;
            if (view === 'hours') {
                raiseCallback(this.options.beforeShowHours);
                raiseAfterShowHours = true;
            }
            if (view === 'minutes') {
                raiseCallback(this.options.beforeShowMinutes);
                raiseAfterShowMinutes = true;
            }
            var isHours = view === 'hours',
                nextView = isHours ? this.hoursView : this.minutesView,
                hideView = isHours ? this.minutesView : this.hoursView;

            this.currentView = view;

            this._checkTimeLimits();

            this.hoursLabel.toggleClass('jqclockpicker-active', isHours);
            this.minutesLabel.toggleClass('jqclockpicker-active', !isHours);

            // Let's make transitions
            hideView.addClass('jqclockpicker-dial-out');
            nextView.css('visibility', 'visible').removeClass('jqclockpicker-dial-out');

            // Reset clock hand
            this.resetClock(delay);

            // After transitions ended
            clearTimeout(this.toggleViewTimer);
            this.toggleViewTimer = setTimeout(function() {
                hideView.css('visibility', 'hidden');
            }, duration);

            if (raiseAfterShowHours) {
                raiseCallback(this.options.afterShowHours);
            }

            if (raiseAfterShowMinutes) {
                raiseCallback(this.options.afterShowMinutes);
            }
        }
function(view, delay) {
            var self = this;

            var raiseAfterShowHours = false;
            var raiseAfterShowMinutes = false;
            if (view === 'hours') {
                raiseCallback(this.options.beforeShowHours);
                raiseAfterShowHours = true;
            }
            if (view === 'minutes') {
                raiseCallback(this.options.beforeShowMinutes);
                raiseAfterShowMinutes = true;
            }
            var isHours = view === 'hours',
                nextView = isHours ? this.hoursView : this.minutesView,
                hideView = isHours ? this.minutesView : this.hoursView;

            this.currentView = view;

            this._checkTimeLimits();

            this.hoursLabel.toggleClass('jqclockpicker-active', isHours);
            this.minutesLabel.toggleClass('jqclockpicker-active', !isHours);

            // Let's make transitions
            hideView.addClass('jqclockpicker-dial-out');
            nextView.css('visibility', 'visible').removeClass('jqclockpicker-dial-out');

            // Reset clock hand
            this.resetClock(delay);

            // After transitions ended
            clearTimeout(this.toggleViewTimer);
            this.toggleViewTimer = setTimeout(function() {
                hideView.css('visibility', 'hidden');
            }, duration);

            if (raiseAfterShowHours) {
                raiseCallback(this.options.afterShowHours);
            }

            if (raiseAfterShowMinutes) {
                raiseCallback(this.options.afterShowMinutes);
            }
        }
function ( view , delay ) { var self = this ; var raiseAfterShowHours = false ; var raiseAfterShowMinutes = false ; if ( view === 'hours' ) { raiseCallback ( this . options . beforeShowHours ) ; raiseAfterShowHours = true ; } if ( view === 'minutes' ) { raiseCallback ( this . options . beforeShowMinutes ) ; raiseAfterShowMinutes = true ; } var isHours = view === 'hours' , nextView = isHours ? this . hoursView : this . minutesView , hideView = isHours ? this . minutesView : this . hoursView ; this . currentView = view ; this . _checkTimeLimits ( ) ; this . hoursLabel . toggleClass ( 'jqclockpicker-active' , isHours ) ; this . minutesLabel . toggleClass ( 'jqclockpicker-active' , ! isHours ) ; // Let's make transitions hideView . addClass ( 'jqclockpicker-dial-out' ) ; nextView . css ( 'visibility' , 'visible' ) . removeClass ( 'jqclockpicker-dial-out' ) ; // Reset clock hand this . resetClock ( delay ) ; // After transitions ended clearTimeout ( this . toggleViewTimer ) ; this . toggleViewTimer = setTimeout ( function ( ) { hideView . css ( 'visibility' , 'hidden' ) ; } , duration ) ; if ( raiseAfterShowHours ) { raiseCallback ( this . options . afterShowHours ) ; } if ( raiseAfterShowMinutes ) { raiseCallback ( this . options . afterShowMinutes ) ; } }
Toggle to hours or minutes view
Toggle to hours or minutes view