Simple date/Calendar Field

jQuery

by Sparrow Squire

HTML

<div class="calendar-field"></div>

CSS

.calendar-field {
  display: block;
  width: 300px;
  color: #fff;
  text-align: center;
  background: #666;
  margin: 0 auto
}

JavaScript

var date = new Date();

var startDate = date.getDate() + 1 ;
var endDate = date.getDate() + 8;

$('.calendar-field').append(startDate + ' - ' + endDate);