Another Vue Hotel Date Picker

A very simple but useful hotel date picker for Vue.js

Installation

npm install another-vue-hotel-date-picker --save

Usage

import AnotherVueHotelDatePicker from 'another-vue-hotel-date-picker';
 
export default {
  components: {
    AnotherVueHotelDatePicker,
  },
}

<AnotherVueHotelDatePicker
      :trigger="`J-hotel-picker-trigger`"
      :start="`2018-01-02`"
      :end="`2018-12-31`"
      format="YYYY-MM-DD"
      @success="onSuccess"/>

Props

trigger

• Type: String
• Required: true,
• Default: undefined

The Element's id for getElementById which will trigger the picker

start

• Type: Date or String or dayjs Object
• Required: true,
• Default: undefined

The start view date.

end

• Type: Date or String or dayjs Object
• Required: true,
• Default: undefined

The start end date.

format

• Type: String
• Required: false,
• Default: undefined

The date format string.

success

• Type: Function
• Required: false,
• Default: undefined

The callback function when user selected both the check in and check out date

CHANGE LOG

1.1.0 2018-07-27

• [Bug]: Component style depends on reset.css or normalize.css.

• [Bug]: The control buttons can trigger Calendar hide event.

• [Bug]: Click the selected check in date second time will select the check out date as the same date.