仅显示一周的Javascript日期选择器？答案

【问题标题】：Javascript date picker for displaying one week only?仅显示一周的Javascript日期选择器？
【发布时间】：2010-10-13 17:00:15
【问题描述】：

我正在寻找一个基于 Javascript 的日期选择器，它允许我只显示一周（而不是当前月份）。

理想情况下，它应该是一个可以在必要时扩展为全月视图并再次返回的视图。

此外，（基于 css 的？）设计可定制性将是一个加分项。

首选 jQuery 解决方案。我对 jQuery datepicker 进行了简要介绍，但在我看来它只能显示整月。如果我错了，请告诉我。

【问题讨论】：

阿德里安，您似乎在 2009 年就问过这个问题。现在已经是 2014 年中旬了……您是否找到了更好的替代方案来实现这一目标？我只需要构建一周的日历条（可导航到过去和现在按周数）。有什么建议和想法吗？

【解决方案1】：

如前所述，jQuery UI 日期选择器不能轻易配置为仅显示一周。但是，您可以使用maxDate 和minDate 配置选项来限制用户的输入。这是example of this functionality。

为了回答您的具体问题，我不知道有任何只会显示一周的日期选择器控件。

【讨论】：

【解决方案2】：

我不确定，但也许你可以自定义这个http://jqueryui.com/demos/datepicker/

只显示一周的我不知道:(

编辑：检查后，它显示是基于 CSS 的，我已经通过它的选项，但找不到任何东西只是为了显示一周。而是有一个只允许您选择一周，但不知道假定的效果是什么。

【讨论】：

【解决方案3】：

如果您只有七个选项，那么日期选择器小部件就太过分了。只需使用下拉菜单。一个巧妙的 JavaScript 技巧是，您可以将 1 天添加到任何日期，它会自动处理月/年翻转。以下代码将始终为您提供接下来的 7 天（从今天开始）：

var dates = [new Date()];
for (var i = 1; i < 7; i++) dates.push(new Date(dates[0].getYear(), dates[0].getMonth(), dates[0].getDate() + i));

【讨论】：