[Demo] DatePicker Date Format as "yy-mm-dd"
[Demo] DatePicker Date Format as "yy-mm-dd"
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<p>Date:
<input type="text" id="datepicker" value="01/01/2018" />
</p>
<div class="next-prev">
<div class="next-day">
Next date >
</div>
<div class="prev-day">
previous date >
</div>
</div>
CSS
.next-prev{
display: inline-block;
padding: 0px;
top: -45px;
position: relative;
right: -243px;
}
JavaScript
$(document).ready(function () {
var date = new Date();
var currentMonth = date.getMonth();
var currentDate = date.getDate();
var currentYear = date.getFullYear();
$('#datepicker').datepicker({
//minDate: new Date(currentYear, currentMonth, currentDate),
dateFormat: 'dd/mm/yy'
});
});
$(document).on("click", '.next-day', function () {
console.log('clicked');
var date = $('#datepicker').datepicker('getDate');
date.setTime(date.getTime() + (1000*60*60*168))
$('#datepicker').datepicker("setDate", date);
});
$(document).on("click", '.prev-day', function () {
var date = $('#datepicker').datepicker('getDate');
console.log(date);
date.setTime(date.getTime() - (1000*60*60*168));
$('#datepicker').datepicker("setDate", date);
});