2017-01-25 2 views
1

Привет ребята я хочу показать неделю конечную дату в JavaScript или через какой-то календарь JQuery плагин с ниже функциональностьюJavascript Дата печати выходные

Это выглядит примерно так:

Неделя Ending: < показать дату выходного дня в формате 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

wow bro! это именно то, что я ищу. спасибо тонну. –

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

Вы можете изменить формат lastday вручную с помощью getDay(), getMonth() and getFullYear()

+0

привет @ atulquest93 это выглядит хорошо, но нам не нужен день и формат время 22 января 2017 достаточно также мы можем иметь, что изменения в следующую и предыдущую функциональность выходных. –

+0

Вы можете 'var lastDate = new Date (lastday);' конвертировать 'lastday' в дату, а затем ..' lastDate.getDate() 'для получения дня,' lastDate.getMonth() 'и' lastDate.getFullYear() 'и объединить их в любом формате, который вы хотите. –

+0

@ Анилкумар обновлен в ответ. –

1

Попробуйте это.

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)); 
Смежные вопросы