2016-01-14 2 views
0

Создайте все даты недели, используя текущую дату, также укажите начальную дату недели в понедельник и выходные дни в воскресенье, используя JavaScript или AngularJS.Создайте все даты недели, используя текущую дату, также покажите начальную дату недели в понедельник и в выходные дни в воскресенье

  1. Пользователь может ввести любую дату (любой год и месяц)
  2. Неделя Если начнется в понедельник и завершится в воскресенье
  3. Он должен работать на всех лет & месяцев

Ex: Выбранная дата (Пятница 1 января 2016 года) (по умолчанию он должен выбрать текущую дату) сильный текст

Должно показать 28/12/2015 (по понедельникам) 29/12/2015 (вторник) 30/12/2015 (среда) 31/12/2015 (четверг) 1/1/2016 (по пятницам) 2/1/2016 (суббота) 3/1/2016 (воскресенье)

$('#datepicker').datepicker({}).datepicker("setDate", new Date()); 


window.onload = lastDate; 

function lastDate() { 
    lDate = document.getElementById('datepicker').value; 

    var myDate = new Date(lDate).toLocaleDateString('en-US'); 
    var xDate = moment(lDate).format("D-MMM-YYYY"); 



    var curr = new Date(myDate); 
    var sun = curr.getDate() - curr.getDay(); 
    var sat = sun + 6; 
    var mon = sun + 1; 
    var tue = sun + 2; 
    var wed = sun + 3; 
    var thu = sun + 4; 
    var fri = sun + 5; 
    var sun1 = sun + 7; 
    var last = sun1; 

    sunday = new Date(curr.setDate(sun)).toLocaleDateString('en-US'); 
    monday = new Date(curr.setDate(mon)).toLocaleDateString('en-US'); 
    tuesday = new Date(curr.setDate(tue)).toLocaleDateString('en-US'); 
    wednesday = new Date(curr.setDate(wed)).toLocaleDateString('en-US'); 
    thursday = new Date(curr.setDate(thu)).toLocaleDateString('en-US'); 
    friday = new Date(curr.setDate(fri)).toLocaleDateString('en-US'); 
    saturday = new Date(curr.setDate(sat)).toLocaleDateString('en-US'); 
    sunday1 = new Date(curr.setDate(sun1)).toLocaleDateString('en-US'); 
    lastday1 = new Date(curr.setDate(sun1)).toLocaleDateString('en-US'); 

    document.getElementById("day1").innerHTML = sunday; 
    document.getElementById("day2").innerHTML = monday; 
    document.getElementById("day3").innerHTML = tuesday; 
    document.getElementById("day4").innerHTML = wednesday; 
    document.getElementById("day5").innerHTML = thursday; 
    document.getElementById("day6").innerHTML = friday; 
    document.getElementById("day7").innerHTML = saturday; 
    document.getElementById("day1").innerHTML = sunday1; 


} 




    <body> 
    <div class="container"> 
    <h3>This week dates </h3> 
    <input id="datepicker" class="currentDate" onchange="lastDate()">/input> 

    </div> 
    <div Class="container-fluid well"> 
    <div class="form-inline"> 

     <div class="form-control"> 
     <span class="label label-default">Monday</span> 
     <span id="day2"> </span> 
     </div> 
     <div class="form-control"> 
     <span class="label label-default">Tuesday</span> 
     <span id="day3"> </span> 
     </div> 
     <div class="form-control"> 
     <span class="label label-default">Wednesday</span> 
     <span id="day4"> </span> 
     </div> 
     <div class="form-control"> 
     <span class="label label-default">Thursday</span> 
     <span id="day5"> </span> 
     </div> 
     <div class="form-control "> 
     <span class="label label-default">Friday</span> 
     <span id="day6"> </span> 
     </div> 
     <div class="form-control"> 
     <span class="label label-default">Saturday</span> 
     <span id="day7"> </span> 
     </div> 
     <div class="form-control"> 
     <span class="label label-default">Sunday</span> 
     <span id="day1"></span> 
     </div> 

    </div> 
    </div> 


</body> 
+0

вы можете разместить код, который вы написали PLS. – Jax

+0

В чем вопрос? –

+0

Добро пожаловать в SO Vikas. Посмотрите на [Date.prototype.getDay()] (https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/getDay), попробуйте написать код и сообщите нам, если вы застряли. Если вам не нужны дополнительные ответы, вы можете ответить на свой вопрос или удалить его. – traktor53

ответ

0
var curr = new Date; 
var Sunday = new Date(curr.setDate(curr.getDate() - curr.getDay())); 
var Monday = new Date(curr.setDate(curr.getDate() - curr.getDay()+1)); 
var Tuesday = new Date(curr.setDate(curr.getDate() - curr.getDay()+2)); 
var Wednesday = new Date(curr.setDate(curr.getDate() - curr.getDay()+3)); 
var Thursday = new Date(curr.setDate(curr.getDate() - curr.getDay()+4)); 
var Friday = new Date(curr.setDate(curr.getDate() - curr.getDay()+5)); 
var Saturday = new Date(curr.setDate(curr.getDate() - curr.getDay()+6)); 


console.log(Sunday); 
console.log(Monday); 
console.log(Tuesday); 
console.log(Wednesday); 
console.log(Thursday); 
console.log(Friday); 
console.log(Saturday);