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

Question

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

复杂性在于，当用户单击 Weekview 按钮时，它应该显示周，即从选定日期起 6 天，例如星期二 06 - 星期一 12

如果有任何插件可以实现这一点，有人可以帮我解决上述问题。

Answer 1

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

如果你想自己做，以下应该给你一个不错的起点（另见小提琴）：

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);