对于包含开始日期和结束日期的预订日历，我认为http://www.swiss.com（选择两个机场，点击搜索，您会看到日期字段）完美执行。
它基本上是这样的： 出境航班和回程航班有两个输入字段。如果您单击其中任何一个，则会弹出两个日历。每个输入字段下一个。
如果您在第一个日历中选择日期，它们将保持打开状态，只有在第二个日历中选择日期时才会关闭。
在移动视图中 - 没有太多空间 - 只有一个日历打开，第二个日历从第一个日期开始选择。
我认为这是一个比只有一个大输入字段和一个3个月的日历选择开始和结束更好的解决方案，这似乎是这类设置最常用的选项。
我认为我使用的是Jquery Datepicker：http://keith-wood.name/datepick.HTML，因为它似乎功能强大且易于设计。但我找不到一种方法来保持日期选择器打开，只有当第二个日期选择器选择了一个日期时才关闭它。文档似乎没有提及它，即使页面上有所有演示，这个特殊问题也没有得到解决。
如果有人知道上述设置的解决方案，我很高兴得到一些指示。如果有一个日历插件易于实现，我也会切换到另一个日历插件。