У меня есть два текстовых поля, которые хранятся с даты и на сегодняшний день на моей странице. У меня есть несколько кнопок. Когда я нажимаю кнопку 1день, дата и дата должны быть установлены на сегодняшний день. Когда я нажимаю на кнопку 1 неделя, на сегодняшний день должна быть установлена текущая дата, а дата должна быть установлена на 1 неделю до сегодняшнего дня. Другие кнопки имеют схожие функции. Как я могу это сделать с помощью jQuery или JavaScript? Пожалуйста, предоставьте мне FIDDLE
<div id="date">
From: <input type="text" size="6" name="date" id="from" class="tcal">
To: <input type="text" size="6" name="date1" id="to" class="tcal">
<button id="1day"> 1 Day </button>
<button id="month"> 1 Month</button>
<button id="3month"> 3 Month</button>
<button id="year"> 1 year</button>
</div>
Попробуйте этот код:
Посмотрите на эту демонстрацию -
$('button').click(function(){
id = $(this).attr('id');
$('#to').val((new Date()).getMonth() + "-" + (new Date()).getDate() + "-" + (new Date()).getFullYear());
if(id == '1day'){
$('#from').val((new Date()).getMonth() + "-" + ((new Date()).getDate()-1) + "-" + (new Date()).getFullYear());
}
if(id == 'month'){
$('#from').val(((new Date()).getMonth()-1) + "-" + (new Date()).getDate() + "-" + (new Date()).getFullYear());
}
if(id == '3month'){
$('#from').val(((new Date()).getMonth()-3) + "-" + (new Date()).getDate() + "-" + (new Date()).getFullYear());
}
if(id == 'year'){
$('#from').val((new Date()).getMonth() + "-" + (new Date()).getDate() + "-" + ((new Date()).getFullYear()-1));
}
});
Использовать дату Объект
Например:
$("#1day").click(function () {
$("#from").val(new Date().toString());
$("#to").val(new Date().toString()) ;
});
http://jsfiddle.net/sureshbm13/DWUrh/7/
Чтобы продолжить читать:
Относительно формата: