airbnb_流行的AirBnb日期选择器的VueJs版本

airbnb

Vue-Airbnb风格的日期选择器 (vue-airbnb-style-datepicker)

A VueJs datepicker with a similar look and functionality as the popular AirBnb datepicker.

VueJs日期选择器具有与流行的AirBnb日期选择器类似的外观和功能。

This is a VueJs version of the popular AirBnb datepicker. Supports range selection, disabling of dates, custom configuration, and many more things. Really lightweight and good browser support!

这是流行的AirBnb日期选择器的VueJs版本。 支持范围选择，禁用日期，自定义配置以及更多其他功能。 真正的轻量级和良好的浏览器支持！

Documentation and demo Download Source

文档和演示 源 文件 下载

浏览器支持 (Browser support)

This datepicker have been tested with the following browsers/OS:

该日期选择器已经在以下浏览器/ OS中进行了测试：

Chrome Firefox Edge Android IE: 9 and higher Safari: 7.1 and higher iOS: 6 and higher

Chrome Firefox Edge Android IE：9及更高版本Safari：7.1及更高版本iOS：6及更高版本

However, these tests have not been extensive. More or less just trying the datepicker out, and see that it doesn't throw any console errors etc. If you're planning on using this in production, make sure that it runs smoothly in the browsers that you're planning on supporting.

但是，这些测试尚未广泛。 或多或少地只是尝试一下datepicker，并看到它不会引发任何控制台错误等。如果您打算在生产中使用它，请确保它在计划支持的浏览器中平稳运行。

有助于 (Contribute)

I gladly accept contributions to improve this datepicker. But before you start hacking away, please first create a PR where you explain the actions, so we can agree that the changes makes sense. I wan't to keep this datepicker as close as possible to the original Airbnb datepicker, and not add strange edge cases that complicates the API and makes the size bigger.

我很高兴接受为改进此日期选择器而做出的贡献。 但是，在开始入侵之前，请先创建一个PR，在其中解释操作，以便我们同意所做的更改是合理的。 我不想让此日期选择器尽可能接近原始的Airbnb日期选择器，也不要添加使API复杂化并增大尺寸的奇怪边缘情况。

路线图/待办事项： (Roadmap/todo:s)

• Improve logic for positioning of datepicker. Support for showing the datepicker above the input if it doesn't fit below.

  改进日期选择器定位的逻辑。 支持将日期选择器显示在输入上方(如果输入不适合)。

翻译自: https://vuejsexamples.com/a-vuejs-version-of-the-popular-airbnb-datepicker/

airbnb