2017-01-25 116 views
1

你好,大家好我想說明的一週結束日期在JavaScript或通過與一些jQuery的日曆插件下方的功能JavaScript的打印週末日期

它看起來是這樣的:

周結束:<以dd/MMM/YYYY格式顯示週末日期>

然後如果我們點擊這些左右箭頭,它應該以相同的格式顯示下週末。

好心請建議我,如果有類似功能的插件,或者如果我們可以用簡單的JavaScript

回答

0

<html> 
 
    <head> 
 
\t <script>  \t \t 
 
\t \t function myFunction(data) { 
 
\t \t  if(data == "down") 
 
\t \t   change = change - 7; 
 
\t \t  else if(data == "up") 
 
\t \t \t  change = change + 7; 
 
\t \t \t \t \t 
 
\t \t  var someDate = new Date(); 
 
\t \t  var day = someDate.getDay(); 
 
\t \t  var numberOfDaysToAdd = 0; 
 
\t \t  if(day == 1) 
 
\t \t \t numberOfDaysToAdd = 5; 
 
\t \t  else if(day == 2) 
 
\t \t \t numberOfDaysToAdd = 4; 
 
\t \t  else if(day == 3) 
 
\t \t \t numberOfDaysToAdd = 3; 
 
\t    else if(day == 4) 
 
\t \t \t numberOfDaysToAdd = 2; 
 
\t \t  else if(day == 5) 
 
\t \t \t numberOfDaysToAdd = 1; 
 
\t \t  someDate.setDate(someDate.getDate() + numberOfDaysToAdd + change); 
 
\t \t \t 
 
\t \t  var dd1 = someDate.getDate(); 
 
\t \t  var mm1 = someDate.getMonth() + 1; 
 
\t \t  var yy1 = someDate.getFullYear();  \t \t \t  \t \t  
 

 
        someDate.setDate(someDate.getDate() + 1); 
 

 
\t  var dd2 = someDate.getDate(); 
 
\t  var mm2 = someDate.getMonth() + 1; 
 
\t  var yy2 = someDate.getFullYear(); 
 

 
        var someFormattedDate = dd1 + '/'+ mm1 + '/'+ yy1 + '\n' + '&' + 
 
\t \t \t \t \t  dd2 + '/'+ mm2 + '/'+ yy2; 
 

 
\t    document.getElementById("showWeekends").innerHTML = someFormattedDate; 
 
\t   } 
 
\t </script> 
 
    </head> 
 
    <body>  \t \t 
 
\t <button onclick="myFunction('down')"><</button> 
 
\t <span id="showWeekends"></span> 
 
\t <button onclick="myFunction('up')">></button>  \t 
 
    </body> 
 
    <script> 
 
\t var change = 0; 
 
\t myFunction("none"); 
 
    </script> 
 
</html>

+0

哇!這正是我正在尋找的。謝謝。 –

+0

較早的代碼有一個錯誤,而今年要到2016年 –

3

使用達到這個這讓本週的第一天和最後一天。

var curr = new Date; // get current date 
 
var first = curr.getDate() - curr.getDay(); // First day is the day of the month - the day of the week 
 
var last = first + 6; // last day is the first day + 6 
 

 
var firstday = new Date(curr.setDate(first)).toUTCString(); 
 
var lastday = new Date(curr.setDate(last)).toUTCString(); 
 

 
console.log("Week Start : "+firstday); 
 
console.log("Weekend : "+lastday); 
 

 
var date = new Date(lastday); 
 
var formattedDate = date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear(); 
 
console.log(formattedDate);

您可以手動更改使用getDay(), getMonth() and getFullYear()

+0

喜@ atulquest93這看起來不錯,但我們並不需要的日期和時間格式,2017年1月22日就足夠了,我們也可以有變化下一個和上週末的功能。 –

+0

你可以'var lastDate = new Date(lastday);'將lastday轉換爲日期,然後..'lastDate.getDate()'得到day,'lastDate.getMonth()'和'lastDate.getFullYear() '並將它們以任何你想要的格式結合起來。 –

+0

@Anilkumar更新了答案。 –

1

嘗試這個lastday格式。

var current = new Date();  // get current date  
var weekstart = current.getDate() - current.getDay() +1;  
var weekend = weekstart + 6;  // end day is the first day + 6 
var monday = new Date(current.setDate(weekstart)); 
var sunday = new Date(current.setDate(weekend));