<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> </div> </nav> <div class="col-md-6 well"> <hr style="border-top:1px dotted #ccc;"/> <div class="col-md-4"> <form> <div class="form-group"> <input type="date" id="date" class="form-control"/> <br /> </div> </form> </div> <div class="col-md-8"> </div> </div> </body> </html>
function dayInAWeek(date){ var days = new Array(); for (var i = 0; i < 7; i++){ days[i] = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 1 + i); } return days; } function getWeekDays(){ var date = document.getElementById('date'); if(date.value == ""){ alert("Please enter a something first!"); }else{ var months= ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; var newDate = new Date(date.value); var date_array = new Array(); date_array = dayInAWeek(newDate); var data ="<h2>Week Days</h2>"; for(var i=0; i < date_array.length; i++){ data += "<ul><li>"+days[date_array[i].getDay()]+": "+months[date_array[i].getMonth()]+" "+date_array[i].getDate()+", "+date_array[i].getFullYear()+"</li></ul>"; } document.getElementById('result').innerHTML = data; } }