Javascript日期选择下一个和上一个按钮

Question

我有一个如下所示的用户界面，当使用点击下一个按钮时，文本框会更改为下一个日期，当点击上一个按钮时，应显示上一个日期。

复杂性是，当用户点击周视图按钮时，它应该显示一周，即从所选日期开始的6天，例如06年6月12日星期一

如果有任何可用的插件可以实现此目的，请有人帮助我。

Answer 1

我看不到使用jQueryUI datepicker做你想做的事情的明显方法（也许我看起来不够努力）但正如RichardTowers建议的那样，探索它可能是值得的。如果jQueryUI对于您的目的来说太过分了，您可能会发现moment.js（一个轻量级的JavaScript日期库）很有用。

如果您想自己动手，以下内容应该为您提供一个不错的起点（请参阅fiddle）：

var days = ['Sunday', 'Monday', 'Tuesday', 'Wenesday', 'Thursday', 'Friday', 'Saturday'];
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

function getDateString(date) {
    return days[date.getDay()]
    + " "
    + date.getDate()
    + " "
    + months[date.getMonth()]
    + " "
    + date.getFullYear();
}   

var dateToday = new Date();   
var today = getDateString(dateToday);
var dateWeek = new Date(dateToday.getFullYear(), dateToday.getMonth(), dateToday.getDate() + 7);
var week = getDateString(dateWeek);

console.log("Today", today);
console.log("Week", today, week);