日期和时间选择器通常被认为是日期和时间选择的万无一失的要素–一致，通用和可预测。大多数人将它们用作日期和时间输入的通用指南。但是，在某些情况下，日期和时间选择器会有所帮助，然后在某些情况下，它们会干扰济南网站设计的用户体验。因此，您应该仔细考虑您的站点是否需要日期和时间选择器。仅当它可以快速，轻松地为用户提供输入时，才应包括它。您还应该将其放置在界面的前面，因为它将鼓励访问者使用它。但是，找到适合您的界面的日期选择器非常具有挑战性。但是如果需要日期和时间选择器，指定一个日期非常繁琐，并且通常会产生零结果页面或不相关的结果。进行一些小的更改将使设计更易于管理。因此，这里有六个基本技巧，可为您的网站创建正确的日期和时间选择器。 1.添加数值：在设计日期和时间选择器时，首先要考虑的是某种日期和时间输入。对于日期，应使用三个单独的数字输入，对于时间输入，应至少使用两个数字输入。这些输入应以“-”或“ /”分隔，您还可以将下拉菜单用于日，月，年，甚至小时和分钟。但是，点击和滚动并不是无缝快的体验。您应该快速选择一个日期和时间，可能要轻按两下（一次打开日历或时间设置）和其他人选择日期或时间）。

要解决此问题，您可以设计一种格式，该格式将在用户开始键入用于确定日期的数值时自动更改月份和年份。另外，我们需要确保数值输入的可靠性足以管理所有边缘情况。您还应该使用某种占位符或标签来指示日期和时间选择器的格式。您应该确保当用户激活输入字段时，出现日期格式建议。 在设计日期选择器时，应考虑花费时间来创建适当的数字输入。您可以提供诸如“现在”，“一年前”，“昨天”，“今天”，“十月的5天”之类的建议。根据要设计的应用程序，您可以决定提供灵活的日期或预定义的日期选项。当然，您需要显着地将输入信息传达给用户。尽管数字输入是确定日期的宝贵输入，但您应该始终在六周内拥有一些默认日期。这将帮助那些试图预订快速周末旅行但没有确切日期的困惑客户。在这种情况下，日历将是显示所有可用选项的不错的选择。

此外，，以避免错误的预订。 2.设置默认值：如果您查看日期和时间选择器的输入，则将围绕其交互设计遇到一些小而重要的决定。一些设计人员经常会遇到选择将默认值放置在输入字段中还是将其保留为空白或显示正确输入示例的选择。进一步确定默认值和输入值的可见性非常具有挑战性。尽管尚未测试或发现任何偏好，因为这将迫使用户将值从看似随机更改为他们想要选择的值。但是，如果您的用户可能会在您的网站上预订后一分钟的优惠（例如交通或酒店），那么当前日期（“今天”）或当前时间（“现在”）将是一个不错的选择，尤其是在以下时间段：敏感内容。 一旦用户选择了日期或时间段，但无意或故意刷新了页面，则可以保留选择或将其恢复为默认值。如果访问者意外刷新了页面，他们将不高兴看到输入丢失并且不得不再次输入。但是，如果他们故意刷新页面，他们将看到预定义的日期。在这两种情况下，他们都不愿意发现输入丢失。

因此，好保存输入并在日期和时间输入旁边提供一个明显的“ New Search”或“ Reset”链接。他们可以选择删除以前的输入，而不是删除用户的输入。这也是一个微型步进器，可能会有所帮助，因此日期可能不会发生重大变化。如果您确定用户可能会选择日期，那么好设置日期。 3.创建日历叠加层：设计清晰的日历覆盖图时，您无需发挥创意。通常，日历叠加层显示在日期输入字段下方，在桌面上显示为一个小面板，在狭窄屏幕上显示为全屏视图。这些日期按行组织，按星期分组，并带有一个下拉菜单，可浏览月份和年份。日历叠加层可以包含各种级别的导航和详细信息，例如星期几应何时开始或是否包含年份。所有这些仅取决于您的受众和网站的应用程序。如果您有公共交通网站，那么餐饮服务或电视只要输入一年就没有意义。另外，如果您有租车网站，则显示月份输入无济于事。 如果人们想预定约会，则在显示一周中的某一天时会发生另一种复杂性。有时您还想显示价格或空房情况（例如预订机票）。

另外，您可能要添加日期范围和确切的时间段。在这种情况下，您需要在日期选择中包括时隙选择，或指出开始日期和结束日期之间的联系。因此，值得花时间在日历中添加详细信息，以帮助用户快速选择日期和时间。如果可用性很重要，则好以颜色编码的方式分隔可用和不可用的日期，以便于区分。此外，如果不同日期的价格不同，好在日历中显示。如果您的客户在周末或公共假期更感兴趣，也显示这些。另外，好在日历本身中指示和限制选择，以便客户立即获得提示。 4.包括日期跳转：如果您的客户可能会选择日期范围很短的选项，则可以在日期输入旁边添加快速的“下一个”和“上一个”导航。例如，在预订周末旅行时，客户要么想在周四晚或周五早些时候离开，要么便宜些。因此，只需让您点击即可提供预期的结果，而不是让客户在日历中重新输入或选择日期。Google Flights使用此功能来提高其日期选择器的效率。能够在几个月和几年之间跳转可能会有所帮助。除此之外，迷你步进器是日期和时间选择器的增强。但是，它不能替代日历重叠，因为过多的敲击会变得乏味。在可用性会话中，第十次点击可以测试客户的耐心。终， 因此，您应该首先研究日期输入范围的范围和日历的用途。例如，如果预订日期是将来的日期，则好在日期选择器中提供数字输入。另一方面，如果日期输入范围短，则可以考虑添加一个小型步进器以快速跳转。