2

次のボタンをクリックするとテキストボックスが次の日付に変わり、前のボタンをクリックすると前の日付が表示されます。

複雑なのは、ユーザーが [Weekview] ボタンをクリックすると、選択した日付から 6 日間、たとえば火曜日 06 - 月曜日 12 の週を表示する必要があることです。

ここに画像の説明を入力

これを達成するために利用できるプラグインがあれば、誰かが上記で私を助けてくれませんか。

4

1 に答える 1

0

jQueryUI datepickerを使用してあなたが望むことを行う明確な方法を見つけることができませんでした（多分私は十分に見た目がよくありませんでした）が、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);
于 2012-06-12T13:18:42.110 に答える