Movatterモバイル変換

Select specific days using the Bootstrap Calendar component. The example below shows basic usage.

Set thedata-coreui-selection-type toweek to enable selection of entire week. You can also usedata-coreui-show-week-number="true" to show week numbers.

Set thedata-coreui-selection-type tomonth to enable selection of entire months.

Set thedata-coreui-selection-type toyear to enable years range selection.

Display multiple calendar panels side by side by setting thedata-coreui-calendars attribute. This can be useful for selecting ranges or comparing dates across different months.

Enable range selection by addingdata-coreui-range="true" to allow users to pick a start and end date. This example demonstrates how to configure the Bootstrap 5 Calendar component to handle date ranges.