BootstrapVue Form Elemente

B-Vue Accordion Element

Class Reference

Source Code

			<div class="accordion-primary mg-b-25">
				<span>
				<a v-b-toggle.collapse-1 class="swap" variant="primary">Heading</a>
						</span>
				<b-collapse visible id="collapse-1" class="">
				  <div class="row">
					<div class="col-12 mg-y-15">
				   Inhalte
					</div>
						  </div>
				</b-collapse>
				</div>
									

B-Vue Date Range Picker

Source Code

				<div id="app">
					<date-range-picker
					   ref="picker"
					   :locale-data="{ firstDay: 1, format: 'yyyy-mm-dd' }"
					   :minDate="minDate" :maxDate="maxDate"
					   :singleDatePicker="singleDatePicker"
					   :timePicker="timePicker"
					   :timePicker24Hour="timePicker24Hour"
					   :showWeekNumbers="showWeekNumbers"
					   :showDropdowns="showDropdowns"
					   :autoApply="autoApply"
					   v-model="dateRange"
					   :linkedCalendars="linkedCalendars"
					   >
					   <template v-slot:input="picker">
						  <span>{{ formatedStartDate }} - {{ formatedEndDate }}</span>
						  <input type="hidden" :name="startName" :value="formatedStartDate">
						  <input type="hidden" :name="endName" :value="formatedEndDate">
					   </template>
					</date-range-picker>
				 </div>