barcelona-airport.nl
Open in
urlscan Pro
2a06:2ec0:1::116
Public Scan
Submitted URL: http://barcelona-airport.nl/
Effective URL: https://barcelona-airport.nl/
Submission: On March 06 via api from US — Scanned from NL
Effective URL: https://barcelona-airport.nl/
Submission: On March 06 via api from US — Scanned from NL
Form analysis 1 forms found in the DOM
Name: $ctrl.form —
<form name="$ctrl.form" ng-submit="$ctrl.submit()" class="et-search-query__form ng-pristine ng-invalid ng-invalid-required ng-valid-min ng-valid-max" autocomplete="off">
<!-- ngIf: $ctrl.showDiscountInput -->
<label ng-show="$ctrl.showLabels" class="et-search-query__label ng-hide"> Locatie </label>
<div class="et-search-query__pickup-location-wrapper">
<et-location-input name="pickup-destination" ng-model="$ctrl.query.pickup.destination" ng-show="$ctrl.customPickup" required="" on-change="$ctrl.change()"
placeholder="$ctrl.query.differentDropoff && $ctrl.orientation === 'horizontal' ? 'Ophaallocatie' : 'Voer stad, luchthaven of treinstation in'" message-required="Geef s.v.p. een ophaallocatie op"
class="et-search-query__component et-search-query__location et-search-query__location--pickup ng-pristine ng-untouched ng-isolate-scope ng-not-empty ng-valid ng-valid-required" field-aria-label="'Ophaallocatie'">
<div class="et-location-input" ng-class="{'et-location-input--focus': $ctrl.hasFocus}">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="location-arrow" class="svg-inline--fa fa-location-arrow fa-w-16 et-location-input__icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor"
d="M461.9 0c-5.73 0-11.59 1.1-17.39 3.52L28.74 195.41c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 30.01 24.21 47.93 48.74 47.93 17.3 0 34.75-8.9 44.01-28.74l191.9-415.78C522.06 34.89 494.14 0 461.9 0zM271.81 464.07V240.19h-47.97l-175.48.71c-.27-.37-.47-1.35.48-1.93L462.05 48.26c.61.41 1.28 1.07 1.69 1.68L271.81 464.07z">
</path>
</svg>
<div class="et-location-input__field">
<input type="text" ng-model="$ctrl.inputQuery" class="et-location-input__input ng-pristine ng-untouched ng-valid ng-not-empty et-location-input__input--invisible" ng-focus="$ctrl.onFocus()" ng-blur="$ctrl.onBlur()"
ng-keydown="$ctrl.onKeyDown($event)" ng-change="$ctrl.update()" ng-class="{'et-location-input__input--invisible': $ctrl.isLabel}" et-focus-field-event="$ctrl.name" spellcheck="false" aria-label="Ophaallocatie">
<span class="et-location-input__label ng-binding" ng-show="$ctrl.isLabel" ng-bind="$ctrl.label" et-focus-field-trigger="$ctrl.name">Barcelona Airport (BCN), Barcelona, Spanje</span>
<span class="et-location-input__placeholder ng-binding ng-hide" ng-show="$ctrl.isPlaceholder" ng-bind="$ctrl.placeholder" et-focus-field-trigger="$ctrl.name">Voer stad, luchthaven of treinstation in</span>
<span class="et-location-input__loader et-loading-spinner ng-hide" ng-show="$ctrl.loading">
</span>
</div>
<div class="et-location-input__suggestions ng-hide" ng-show="$ctrl.hasFocus">
<et-location-auto-complete on-loading="$ctrl.setLoading(isLoading)" on-show="$ctrl.onShow(visible)" on-select="$ctrl.select(location)" navigate-api="$ctrl.suggestionsComponent=$API" query="$ctrl.inputQuery" selected="$ctrl.ngModel"
enabled="$ctrl.autoCompleteEnabled" class="ng-isolate-scope">
<div class="et-location-auto-complete">
<!-- ngIf: $ctrl.locations.length -->
<div class="et-location-auto-complete__no-results ng-hide" ng-show="!$ctrl.loading && $ctrl.requested && !$ctrl.locations.length"> Geen resultaten gevonden </div>
</div>
</et-location-auto-complete>
</div>
</div>
</et-location-input>
<et-checkbox-with-label ng-model="$ctrl.sameDropoff" ng-show="$ctrl.customDropoff" on-change="$ctrl.handleDifferentDropoffToggle(value)" description="'Inleveren op dezelfde locatie'"
class="et-search-query__dropoff-location-toggle ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty" large-checkbox="true"><span class="et-checkbox-with-label et-checkbox-with-label--active" ng-class="{
'et-checkbox-with-label--active': $ctrl.model === true,
'et-checkbox-with-label--inversed': $ctrl.inversed
}">
<et-checkbox ng-model="$ctrl.model" on-change="$ctrl.change(value)" description="$ctrl.description" large="$ctrl.largeCheckbox" class="et-checkbox-with-label__checkbox ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty"><button
class="et-checkbox et-checkbox--active et-checkbox--large" ng-class="{
'et-checkbox--active': $ctrl.model === true,
'et-checkbox--large': $ctrl.large
}" ng-click="$ctrl.toggle()" type="button" aria-label="$ctrl.description" ng-disabled="$ctrl.disabled">
<span class="et-checkbox__tick et-icn et-icn-thick-check"></span>
</button>
</et-checkbox>
<label class="et-checkbox-with-label__description ng-binding" ng-click="$ctrl.toggle()" ng-bind="$ctrl.description">Inleveren op dezelfde locatie</label>
</span>
</et-checkbox-with-label>
</div>
<label ng-show="$ctrl.showLabels && $ctrl.query.differentDropoff && $ctrl.customDropoff" class="et-search-query__label et-search-query__label--dropoff ng-hide"> Locatie </label>
<et-location-input name="dropoff-destination" ng-model="$ctrl.query.dropoff.destination" ng-required="$ctrl.query.differentDropoff"
placeholder="$ctrl.query.differentDropoff && $ctrl.orientation === 'horizontal' ? 'Inleverlocatie' : 'Voer stad, luchthaven of treinstation in'" message-required="Geef s.v.p. een inleverlocatie op"
ng-show="$ctrl.query.differentDropoff && $ctrl.customDropoff" on-change="$ctrl.change()"
class="et-search-query__component et-search-query__location et-search-query__location--dropoff ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-required ng-hide" field-aria-label="'Inleverlocatie'">
<div class="et-location-input" ng-class="{'et-location-input--focus': $ctrl.hasFocus}">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="location-arrow" class="svg-inline--fa fa-location-arrow fa-w-16 et-location-input__icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor"
d="M461.9 0c-5.73 0-11.59 1.1-17.39 3.52L28.74 195.41c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 30.01 24.21 47.93 48.74 47.93 17.3 0 34.75-8.9 44.01-28.74l191.9-415.78C522.06 34.89 494.14 0 461.9 0zM271.81 464.07V240.19h-47.97l-175.48.71c-.27-.37-.47-1.35.48-1.93L462.05 48.26c.61.41 1.28 1.07 1.69 1.68L271.81 464.07z">
</path>
</svg>
<div class="et-location-input__field">
<input type="text" ng-model="$ctrl.inputQuery" class="et-location-input__input ng-pristine ng-untouched ng-valid ng-empty" ng-focus="$ctrl.onFocus()" ng-blur="$ctrl.onBlur()" ng-keydown="$ctrl.onKeyDown($event)" ng-change="$ctrl.update()"
ng-class="{'et-location-input__input--invisible': $ctrl.isLabel}" et-focus-field-event="$ctrl.name" spellcheck="false" aria-label="Inleverlocatie">
<span class="et-location-input__label ng-binding ng-hide" ng-show="$ctrl.isLabel" ng-bind="$ctrl.label" et-focus-field-trigger="$ctrl.name"></span>
<span class="et-location-input__placeholder ng-binding" ng-show="$ctrl.isPlaceholder" ng-bind="$ctrl.placeholder" et-focus-field-trigger="$ctrl.name">Voer stad, luchthaven of treinstation in</span>
<span class="et-location-input__loader et-loading-spinner ng-hide" ng-show="$ctrl.loading">
</span>
</div>
<div class="et-location-input__suggestions ng-hide" ng-show="$ctrl.hasFocus">
<et-location-auto-complete on-loading="$ctrl.setLoading(isLoading)" on-show="$ctrl.onShow(visible)" on-select="$ctrl.select(location)" navigate-api="$ctrl.suggestionsComponent=$API" query="$ctrl.inputQuery" selected="$ctrl.ngModel"
enabled="$ctrl.autoCompleteEnabled" class="ng-isolate-scope">
<div class="et-location-auto-complete">
<!-- ngIf: $ctrl.locations.length -->
<div class="et-location-auto-complete__no-results ng-hide" ng-show="!$ctrl.loading && $ctrl.requested && !$ctrl.locations.length"> Geen resultaten gevonden </div>
</div>
</et-location-auto-complete>
</div>
</div>
</et-location-input>
<div class="et-search-query__dates">
<div class="et-search-query__date et-search-query__pickup-date">
<label ng-show="$ctrl.showLabels" class="et-search-query__label ng-hide"> Ophalen </label>
<et-date-time-input name="pickup-date" ng-model="$ctrl.query.pickup.date" range="true" range-role="start" end="$ctrl.query.dropoff.date" default-time="$ctrl.defaultPickupTime" date-picker-months-amount="$ctrl.datePickerMonthsAmount" required=""
on-change="$ctrl.change(rangeRole)" placeholder="'Ophaaldatum'" message-required="Geef s.v.p. een datum op" message-invalid="Ongeldige datum ingevoerd" date-input-aria-label="'Ophaaldatum'" time-input-aria-label="'Ophaaltijd'"
class="et-search-query__component et-search-query__date-time et-search-query__date-time--pickup ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required">
<div class="et-date-time-input" ng-class="{'et-date-time-input--focus': $ctrl.dateInputHasFocus || $ctrl.timeInputHasFocus}">
<et-date-input ng-model="$ctrl.date" range="$ctrl.range" range-role="$ctrl.rangeRole" start="$ctrl.start" end="$ctrl.end" class="et-date-time-input__date ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty"
placeholder="$ctrl.placeholder" on-change="$ctrl.update(rangeRole)" on-focus="$ctrl.handleFocusDateInput()" on-blur="$ctrl.handleBlurDateInput()" field-name="[$ctrl.name, $ctrl.name + '.date']"
date-picker-months-amount="$ctrl.datePickerMonthsAmount" label="$ctrl.label" field-aria-label="$ctrl.dateInputAriaLabel">
<div class="et-date-input">
<div class="et-date-input__field">
<input type="text" readonly="" class="et-date-input__element ng-pristine ng-untouched ng-valid ng-empty" placeholder="Ophaaldatum" ng-model="$ctrl.formattedDate" ng-value="$ctrl.getDateValue()" ng-change="$ctrl.select(rangeRole)"
ng-focus="$ctrl.handleFocus()" et-focus-field-event="$ctrl.fieldName" aria-label="Ophaaldatum">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="calendar-alt" class="svg-inline--fa fa-calendar-alt fa-w-14 et-date-input__icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor"
d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z">
</path>
</svg>
</div>
<!-- ngIf: $ctrl.showDatePicker -->
</div>
</et-date-input>
<et-time-input ng-model="$ctrl.time" class="et-date-time-input__time ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty" on-change="$ctrl.update()" on-focus="$ctrl.handleFocusTimeInput()" on-blur="$ctrl.handleBlurTimeInput()"
field-name="$ctrl.name + '.time'" field-aria-label="$ctrl.timeInputAriaLabel">
<div class="et-time-input">
<div class="et-time-input__field">
<input type="text" class="et-time-input__element" readonly="readonly" ng-focus="$ctrl.handleFocus()" ng-blur="$ctrl.handleBlur($event)" ng-keydown="$ctrl.handleKeyDown($event)" ng-value="$ctrl.ngModel"
et-focus-field-event="$ctrl.fieldName" aria-label="Ophaaltijd" value="12:00">
<span class="et-time-input__icon et-icn et-icn-caret-down"></span>
</div>
<div class="et-time-input__dropdown et-popover ng-hide" ng-show="$ctrl.hasFocus" ng-blur="$ctrl.onBlur($event)">
<div class="et-time-selection">
<ul class="et-time-selection__list ng-isolate-scope" et-scroll-top-element="$ctrl.active">
<!-- ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="00:00" ng-bind="option.value">00:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="00:30" ng-bind="option.value">00:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="01:00" ng-bind="option.value">01:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="01:30" ng-bind="option.value">01:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="02:00" ng-bind="option.value">02:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="02:30" ng-bind="option.value">02:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="03:00" ng-bind="option.value">03:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="03:30" ng-bind="option.value">03:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="04:00" ng-bind="option.value">04:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="04:30" ng-bind="option.value">04:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="05:00" ng-bind="option.value">05:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="05:30" ng-bind="option.value">05:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="06:00" ng-bind="option.value">06:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="06:30" ng-bind="option.value">06:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="07:00" ng-bind="option.value">07:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="07:30" ng-bind="option.value">07:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="08:00" ng-bind="option.value">08:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="08:30" ng-bind="option.value">08:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="09:00" ng-bind="option.value">09:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="09:30" ng-bind="option.value">09:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="10:00" ng-bind="option.value">10:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="10:30" ng-bind="option.value">10:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="11:00" ng-bind="option.value">11:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="11:30" ng-bind="option.value">11:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope et-time-selection__option--selected" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="12:00" ng-bind="option.value">12:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="12:30" ng-bind="option.value">12:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="13:00" ng-bind="option.value">13:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="13:30" ng-bind="option.value">13:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="14:00" ng-bind="option.value">14:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="14:30" ng-bind="option.value">14:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="15:00" ng-bind="option.value">15:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="15:30" ng-bind="option.value">15:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="16:00" ng-bind="option.value">16:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="16:30" ng-bind="option.value">16:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="17:00" ng-bind="option.value">17:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="17:30" ng-bind="option.value">17:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="18:00" ng-bind="option.value">18:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="18:30" ng-bind="option.value">18:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="19:00" ng-bind="option.value">19:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="19:30" ng-bind="option.value">19:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="20:00" ng-bind="option.value">20:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="20:30" ng-bind="option.value">20:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="21:00" ng-bind="option.value">21:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="21:30" ng-bind="option.value">21:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="22:00" ng-bind="option.value">22:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="22:30" ng-bind="option.value">22:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="23:00" ng-bind="option.value">23:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="23:30" ng-bind="option.value">23:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
</ul>
</div>
</div>
</div>
</et-time-input>
</div>
</et-date-time-input>
</div>
<div class="et-search-query__date et-search-query__dropoff-date">
<label ng-show="$ctrl.showLabels" class="et-search-query__label ng-hide"> Inleveren </label>
<et-date-time-input name="dropoff-date" ng-model="$ctrl.query.dropoff.date" range="true" range-role="end" start="$ctrl.query.pickup.date" default-time="$ctrl.defaultDropOffTime" date-picker-months-amount="$ctrl.datePickerMonthsAmount"
required="" on-change="$ctrl.change(rangeRole)" placeholder="'Inleverdatum'" message-required="Geef s.v.p. een datum op" message-invalid="Ongeldige datum ingevoerd"
message-same-pickup-dropoff-time="Als de verhuurperiode korter is dan 1 dag kunnen ophaaltijd en inlevertijd niet gelijk zijn" date-input-aria-label="'Inleverdatum'" time-input-aria-label="'Inlevertijd'"
class="et-search-query__component et-search-query__date-time et-search-query__date-time--dropoff ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required">
<div class="et-date-time-input" ng-class="{'et-date-time-input--focus': $ctrl.dateInputHasFocus || $ctrl.timeInputHasFocus}">
<et-date-input ng-model="$ctrl.date" range="$ctrl.range" range-role="$ctrl.rangeRole" start="$ctrl.start" end="$ctrl.end" class="et-date-time-input__date ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty"
placeholder="$ctrl.placeholder" on-change="$ctrl.update(rangeRole)" on-focus="$ctrl.handleFocusDateInput()" on-blur="$ctrl.handleBlurDateInput()" field-name="[$ctrl.name, $ctrl.name + '.date']"
date-picker-months-amount="$ctrl.datePickerMonthsAmount" label="$ctrl.label" field-aria-label="$ctrl.dateInputAriaLabel">
<div class="et-date-input">
<div class="et-date-input__field">
<input type="text" readonly="" class="et-date-input__element ng-pristine ng-untouched ng-valid ng-empty" placeholder="Inleverdatum" ng-model="$ctrl.formattedDate" ng-value="$ctrl.getDateValue()" ng-change="$ctrl.select(rangeRole)"
ng-focus="$ctrl.handleFocus()" et-focus-field-event="$ctrl.fieldName" aria-label="Inleverdatum">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="calendar-alt" class="svg-inline--fa fa-calendar-alt fa-w-14 et-date-input__icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor"
d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z">
</path>
</svg>
</div>
<!-- ngIf: $ctrl.showDatePicker -->
</div>
</et-date-input>
<et-time-input ng-model="$ctrl.time" class="et-date-time-input__time ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty" on-change="$ctrl.update()" on-focus="$ctrl.handleFocusTimeInput()" on-blur="$ctrl.handleBlurTimeInput()"
field-name="$ctrl.name + '.time'" field-aria-label="$ctrl.timeInputAriaLabel">
<div class="et-time-input">
<div class="et-time-input__field">
<input type="text" class="et-time-input__element" readonly="readonly" ng-focus="$ctrl.handleFocus()" ng-blur="$ctrl.handleBlur($event)" ng-keydown="$ctrl.handleKeyDown($event)" ng-value="$ctrl.ngModel"
et-focus-field-event="$ctrl.fieldName" aria-label="Inlevertijd" value="09:00">
<span class="et-time-input__icon et-icn et-icn-caret-down"></span>
</div>
<div class="et-time-input__dropdown et-popover ng-hide" ng-show="$ctrl.hasFocus" ng-blur="$ctrl.onBlur($event)">
<div class="et-time-selection">
<ul class="et-time-selection__list ng-isolate-scope" et-scroll-top-element="$ctrl.active">
<!-- ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="00:00" ng-bind="option.value">00:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="00:30" ng-bind="option.value">00:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="01:00" ng-bind="option.value">01:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="01:30" ng-bind="option.value">01:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="02:00" ng-bind="option.value">02:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="02:30" ng-bind="option.value">02:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="03:00" ng-bind="option.value">03:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="03:30" ng-bind="option.value">03:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="04:00" ng-bind="option.value">04:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="04:30" ng-bind="option.value">04:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="05:00" ng-bind="option.value">05:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="05:30" ng-bind="option.value">05:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="06:00" ng-bind="option.value">06:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="06:30" ng-bind="option.value">06:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="07:00" ng-bind="option.value">07:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="07:30" ng-bind="option.value">07:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="08:00" ng-bind="option.value">08:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="08:30" ng-bind="option.value">08:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope et-time-selection__option--selected" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="09:00" ng-bind="option.value">09:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="09:30" ng-bind="option.value">09:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="10:00" ng-bind="option.value">10:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="10:30" ng-bind="option.value">10:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="11:00" ng-bind="option.value">11:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="11:30" ng-bind="option.value">11:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="12:00" ng-bind="option.value">12:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="12:30" ng-bind="option.value">12:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="13:00" ng-bind="option.value">13:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="13:30" ng-bind="option.value">13:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="14:00" ng-bind="option.value">14:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="14:30" ng-bind="option.value">14:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="15:00" ng-bind="option.value">15:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="15:30" ng-bind="option.value">15:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="16:00" ng-bind="option.value">16:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="16:30" ng-bind="option.value">16:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="17:00" ng-bind="option.value">17:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="17:30" ng-bind="option.value">17:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="18:00" ng-bind="option.value">18:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="18:30" ng-bind="option.value">18:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="19:00" ng-bind="option.value">19:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="19:30" ng-bind="option.value">19:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="20:00" ng-bind="option.value">20:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="20:30" ng-bind="option.value">20:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="21:00" ng-bind="option.value">21:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="21:30" ng-bind="option.value">21:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="22:00" ng-bind="option.value">22:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="22:30" ng-bind="option.value">22:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="23:00" ng-bind="option.value">23:00</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
<li class="et-time-selection__option ng-binding ng-scope" ng-repeat="(index,option) in $ctrl.options track by $index" ng-class="{
'et-time-selection__option--selected': option.value === $ctrl.ngModel,
'et-time-selection__option--active': index === $ctrl.active
}" ng-mousedown="$ctrl.select(option)" time="23:30" ng-bind="option.value">23:30</li><!-- end ngRepeat: (index,option) in $ctrl.options track by $index -->
</ul>
</div>
</div>
</div>
</et-time-input>
</div>
</et-date-time-input>
</div>
<et-search-query-rental-days-counter class="et-search-query__rental-days-counter ng-isolate-scope" pickup-date="$ctrl.query.pickup.date" dropoff-date="$ctrl.query.dropoff.date">
<div class="et-search-query-rental-days-counter">
<span class="et-search-query-rental-days-counter__days ng-binding">-</span>
<span class="et-search-query-rental-days-counter__text ng-binding">dagen</span>
</div>
</et-search-query-rental-days-counter>
</div>
<!-- ngIf: $ctrl.searchQueryPickupTimeCloseToDropoffTimeWarning && $ctrl.showSearchQueryExtraDayWarning -->
<et-search-query-age-input name="age-age" message-required="Leeftijd bestuurder is vereist" message-too-young="Minimale leeftijd bestuurder: 18" message-too-old="Maximale leeftijd bestuurder: 100" ng-model="$ctrl.query.age"
ng-show="$ctrl.showAgeField" on-change="$ctrl.change()" class="et-search-query__age-input ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty">
<span class="et-search-query-age-input">
<et-checkbox-with-label ng-model="$ctrl.defaultAge" on-change="$ctrl.setDefaultAge(value)" description="'Leeftijd bestuurder tussen 25 - 69?'"
class="et-search-query-age-input__checkbox-with-label ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty"><span class="et-checkbox-with-label et-checkbox-with-label--active" ng-class="{
'et-checkbox-with-label--active': $ctrl.model === true,
'et-checkbox-with-label--inversed': $ctrl.inversed
}">
<et-checkbox ng-model="$ctrl.model" on-change="$ctrl.change(value)" description="$ctrl.description" large="$ctrl.largeCheckbox" class="et-checkbox-with-label__checkbox ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty"><button
class="et-checkbox et-checkbox--active" ng-class="{
'et-checkbox--active': $ctrl.model === true,
'et-checkbox--large': $ctrl.large
}" ng-click="$ctrl.toggle()" type="button" aria-label="$ctrl.description" ng-disabled="$ctrl.disabled">
<span class="et-checkbox__tick et-icn et-icn-thick-check"></span>
</button>
</et-checkbox>
<label class="et-checkbox-with-label__description ng-binding" ng-click="$ctrl.toggle()" ng-bind="$ctrl.description">Leeftijd bestuurder tussen 25 - 69?</label>
</span>
</et-checkbox-with-label>
<et-tooltip-button tooltip="{id: 'age-input', translatedText: $ctrl.tooltipText, title: 'age_input_tooltip.title', 'icon': 'et-icn-exclamation', 'iconCircle': 'circle--rating'}" class="et-search-query-age-input__info ng-isolate-scope"><span
ng-click="$ctrl.open($event)" class="et-tooltip-button" ng-transclude="">
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="info-circle" class="svg-inline--fa fa-info-circle fa-w-16 et-search-query-age-input__info-icn ng-scope" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path fill="currentColor"
d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm0-338c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z">
</path>
</svg>
</span></et-tooltip-button>
<div ng-show="!$ctrl.defaultAge" class="et-search-query-age-input__input ng-hide">
<label class="et-search-query-age-input__label"> Leeftijd bestuurder <input type="number" min="18" max="99" ng-model="$ctrl.age" ng-change="$ctrl.setAge($ctrl.age)" et-focus-field-event="'age'"
class="et-search-query-age-input__input-field ng-pristine ng-untouched ng-valid ng-empty ng-valid-min ng-valid-max">
</label>
</div>
</span>
</et-search-query-age-input>
<div class="et-search-query__submit-wrapper">
<button type="submit" class="et-search-query__submit et-btn et-btn--submit" ng-class="{'et-search-query__submit--loading': $ctrl.loading, 'et-btn--loading': $ctrl.loading}">
<div ng-show="!$ctrl.loading && !$ctrl.buttonLabel" class="et-btn-submit__icon-wrapper ng-hide">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16 et-btn-submit__icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor"
d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z">
</path>
</svg>
</div>
<span class="et-btn-submit__label ng-binding" ng-bind="$ctrl.buttonLabel" ng-show="$ctrl.buttonLabel">Huurauto zoeken</span>
</button>
</div>
<et-validation-tooltip class="ng-isolate-scope">
<div class="et-validation-tooltip et-validation-tooltip-" ng-style="$ctrl.style" style="visibility: hidden;">
<div class="et-validation-tooltip-content ng-binding" ng-bind="$ctrl.message"></div>
</div>
</et-validation-tooltip>
</form>Text Content
Toon/verberg navigatie Barcelona Airport * Home * Aankomsttijden * Vertrektijden * Vliegtickets * Vanuit Nederland * Stad Barcelona * Openbaar vervoer * Auto huren * Taxi * Contact Waar wil je een auto huren? Locatie Barcelona Airport (BCN), Barcelona, Spanje Voer stad, luchthaven of treinstation in Geen resultaten gevonden Inleveren op dezelfde locatie Locatie Voer stad, luchthaven of treinstation in Geen resultaten gevonden Ophalen * 00:00 * 00:30 * 01:00 * 01:30 * 02:00 * 02:30 * 03:00 * 03:30 * 04:00 * 04:30 * 05:00 * 05:30 * 06:00 * 06:30 * 07:00 * 07:30 * 08:00 * 08:30 * 09:00 * 09:30 * 10:00 * 10:30 * 11:00 * 11:30 * 12:00 * 12:30 * 13:00 * 13:30 * 14:00 * 14:30 * 15:00 * 15:30 * 16:00 * 16:30 * 17:00 * 17:30 * 18:00 * 18:30 * 19:00 * 19:30 * 20:00 * 20:30 * 21:00 * 21:30 * 22:00 * 22:30 * 23:00 * 23:30 Inleveren * 00:00 * 00:30 * 01:00 * 01:30 * 02:00 * 02:30 * 03:00 * 03:30 * 04:00 * 04:30 * 05:00 * 05:30 * 06:00 * 06:30 * 07:00 * 07:30 * 08:00 * 08:30 * 09:00 * 09:30 * 10:00 * 10:30 * 11:00 * 11:30 * 12:00 * 12:30 * 13:00 * 13:30 * 14:00 * 14:30 * 15:00 * 15:30 * 16:00 * 16:30 * 17:00 * 17:30 * 18:00 * 18:30 * 19:00 * 19:30 * 20:00 * 20:30 * 21:00 * 21:30 * 22:00 * 22:30 * 23:00 * 23:30 - dagen Leeftijd bestuurder tussen 25 - 69? Leeftijd bestuurder Huurauto zoeken Powered by EasyTerra Autohuur Dit is niet de officiële website. EL PRAT BARCELONA AIRPORT – OPENBAAR VERVOER, TAXI, AUTO HUREN, HOTELS, WIFI Barcelona Airport (airport code: BCN) is het grootste vliegveld van de Spaanse stad Barcelona. In 2019 reisden meer dan 53 miljoen passagiers via deze luchthaven. Het vliegveld ligt zo’n half uur reizen, op zo’n 14 kilometer ten zuidwesten van de stad vandaan. Op Barcelona Airport staan 2 terminals, onderverdeeld in terminal 1, terminal 2B en terminal 2C. De afstand tussen deze terminals is 4 kilometer, daarom zijn de twee verbonden met shuttle bussen en metro’s. De afstand tussen terminal 1 en de stad maakt dat de reistijd vanaf hier iets langer is. Vueling en KLM maken gebruik van terminal 1. VLUCHTEN VANUIT NEDERLAND Tussen Amsterdam Schiphol Airport en Barcelona Airport vliegen KLM, Transavia en Vueling. Rotterdam en Eindhoven worden alleen bediend door Transavia, Charleroi Airport (in België) wordt uitgevoerd door Ryanair, terwijl tussen Brussel Zaventem Airport en Barcelona Airport Vueling, Ryanair en Brussels Airlines vliegen. Bekijk alle vliegtuigmaatschappijen vanuit Nederland naar Barcelona. TERMINALS BARCELONA AIRPORT – TRANSAVIA, VUELING, KLM Aangezien de terminals op zo’n grote afstand van elkaar liggen is het handig om te weten welke vluchten er gebruik maken van welke terminals. * KLM maakt op Barcelona Airport gebruik van terminal 1. * Vueling maakt op Barcelona Airport gebruik van terminal 1. * Transavia maakt op Barcelona Airport gebruik van terminal 2, en dan wel 2B. WINKELS EN RESTAURANTS OP BARCELONA AIRPORT De faciliteiten op Barcelona Airport zijn uitgebreid, het aantal winkels is erg uitgebreid en ook het aantal restaurants is ruim voldoende. Dit is grotendeels te danken aan het gloednieuwe terminal 1 shopping center. Winkels – Er zijn genoeg duty free winkels op Barcelona Airport met parfum, lekkernijen en allerlei andere producten om je uren te vermaken. Ook is er zowel in terminal 1 als in terminal 2 een La botiga del Barça, een winkel met producten van FC Barcelona. Ook is er een Chocolat Factory in beide terminals te vinden, net als een Farmacia, een Desigual, Sunglass Hut, Natura, Victoria’s Secret, Crystal Media (electronica), Relay en Mango. Andere winkels zijn alleen in terminal 1 of in terminal 2 te vinden, omdat er bij terminal 1 een heus shopping center zit. Hier zitten bijvoorbeeld winkels van Adidas, Tous, Adolfo Dominguez, Parfois, Swarovski, Massimo Duti, Zara en Zara Home. Restaurants – Op het vliegveld zijn heel veel eetgelegenheden te vinden waar je een koffie kunt halen, van Caffe di Fiori tot Illy. Ook Dehesa en Lizarrán zit overal voor een drankje met een tapa. Ook zit er een vestiging van Burger King op het vliegveld, net als twee McDonald’s. Pans & Company, een winkel waar je een goed belegd broodje met wat te drinken kunt halen, is goed vertegenwoordigd op de luchthaven van Barcelona. Voor de betere restaurants kun je hier ook terecht. Bijvoorbeeld PortaGaig, gerund door een bekende chef-kok. Ook Gastrobar by Charles Gaig is erg bekend, net als Asador del Mar. Dit is slechts een kleine selectie van de restaurants op het vliegveld van Barcelona. BARCELONA AIRPORT NAAR CENTRUM Reizen van Barcelona Airport naar het centrum van Barcelona is te doen met de trein, de bus en de metro. Uiteraard kun je ook een auto huren en een taxi vanaf Barcelona Airport nemen. Ten slotte is er ook nog de langeafstandsbus van Terravision. Bekijk hier meer over het openbaar vervoer vanaf Barcelona Airport. TREIN RENFE, de nationale treinmaatschappij van Spanje, heeft een lijn lopen vanaf terminal 2B richting de stad. Het is lijn Renfe R2 Nord. Iedere 15 minuten vertrekt een trein richting Sants, Passeig de Gràcia en Clot. Een ticket voor Barcelona Airport naar het centrum kost €4,20 (4 zones). De grote metrostations zijn verbonden met het metronetwerk. Zoek van tevoren uit bij welk treinstation je uit moet stappen. Dit kun je doen op de website van RENFE. Tickets zijn beschikbaar bij de automaten op het vliegveld, en op het treinstation. BUS Je hoeft niet per se met de trein, je kunt ook met de bus naar het centrum van Barcelona. Overdag kan dit met bus 46, maar ook ’s nachts is dit mogelijk met N16/N17. De vervoerder is TMB, tickets kosten €2,20. Je kunt de bus bij zowel terminal 1 als terminal 2 pakken, ze rijden naar Plaza de España. Reistijd is maximaal 30 minuten, iedere 15 minuten rijdt er wel een bus naar het centrum. Tickets zijn beschikbaar bij de buschauffeur. Er is ook een aerobus BCN, hier kosten tickets zo’n €5,90. Deze bus kost vertrekt iedere 5 tot 15 minuten richting Plaza Catalunya, in het midden van de stad Barcelona. METRO Je kunt ook met de metro van vervoerde TMB reizen, ook vanuit beide terminals. Reis vanaf station Aeroport T1 en Aeroport T2 met lijn 9S (9 Sud) in 32 minuten richting Zona Universitària. Iedere 7 minuten kun je een metro nemen naar het centrum voor €4,60. De metro is ideaal als je naar de beurs van Barcelona wilt reizen, of naar het stadion van FC Barcelona (Camp Nou). Het is niet ideaal voor de rest van het centrum aangezien je twee keer moet overstappen. Als je eenmaal in de stad Barcelona bent, is de metro echter wel ideaal. De metroverbinding met het vliegveld bestaat slechts zo’n 2 jaar. LANGEAFSTANDSBUS, TAXI EN AUTO HUREN Langeafstandsbus Terravision – Wil je niet naar het centrum van Barcelona, maar richting bijvoorbeeld de Costa Brava en de Costa Dorada? Wil je naar badplaatsen als Calella, Blanes, Lloret de Mar of Salou en Cambrils? Dan kun je de bus van Terravision nemen. De reistijd is natuurlijk iets langer, zo’n 60 tot 90 minuten en de prijs ook iets hoger, van €12 tot €18 per enkele reis. Bekijk de dienstregeling van Terravision hier. Taxi – Een taxi van Barcelona Airport naar het centrum van de stad kost zo’n €35, afhankelijk van het verkeer, de precieze bestemming en de route van de taxi. Dit is inclusief vliegveldtoeslag van €3,10. Het hoeft geen dure optie te zijn als je met een groep bent, zeker niet als je van tevoren online reserveert. Met een groep kan de taxi zelfs de goedkoopste optie zijn. Lees meer hierover op onze taxipagina. Auto huren – Je kunt met Avis, Europcar, Hertz, Enterprise, Budget en Sixt een auto huren op Barcelona Airport. Ook hier is het aangeraden om van tevoren online te vergelijken en te boeken. Lees meer hierover op onze autoverhuurpagina en profiteer van de laatste aanbiedingen. +− Leaflet | MapPress,Map data (c) OpenStreetMap Dit is niet de officiële vliegveldwebsite. Gemaakt met door Graphene Themes.