2017-01-25 5 views
1

Hallo Jungs, ich möchte die Woche Ende zeigen in JavaScript oder durch einige Jquery Kalender-Plugin mit folgenden Funktionenjavascript Druck Wochenende Datum

Es sieht ungefähr so ​​aus:

Week Ending: < zeige Wochenenddatum im Format TT/MMM/JJJJ >

und wenn wir dann auf diese Pfeile klicken, sollte es am nächsten Wochenende im selben Format angezeigt werden.

freundlich mich bitte vorschlagen, wenn es ein Plugin mit ähnlicher Funktionalität ist oder wenn wir dies mit einfacher Javascript

Antwort

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

wow bro! Genau das suche ich. danke, danke. –

+0

früheren Code hatte einen Fehler, während Jahr 2016 gehen –

3

Verwendung erreichen können dies den ersten und letzten Tag der Woche zu bekommen.

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

können Sie lastday Format manuell getDay(), getMonth() and getFullYear()

Diese
+0

hallo @ atulquest93 dies sieht gut aus, aber wir Tag und Zeitformat 22. Januar 2017 nicht auch genügt, brauchen wir diese Änderung zum nächsten und vorherigen Wochenende Funktionalität. –

+0

Sie können 'var lastDate = neues Datum (lastday);' um 'lastday' nach Datum zu konvertieren und dann ..' lastDate.getDate() ', um tag,' lastDate.getMonth() 'und' lastDate.getFullYear() zu erhalten 'und kombiniere sie in jedem beliebigen Format. –

+0

@Anilkumar wurde in der Antwort aktualisiert. –

1

Versuchen Sie es mit ändern.

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