установить дату в текстовом поле по клику

0

У меня есть два текстовых поля, которые хранятся с даты и на сегодняшний день на моей странице. У меня есть несколько кнопок. Когда я нажимаю кнопку 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>
Теги:

2 ответа

1
Лучший ответ

Попробуйте этот код:

Посмотрите на эту демонстрацию -

DEMO jsfiddle

   $('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));     
       }
  });
1

Использовать дату Объект

Например:

$("#1day").click(function () {
$("#from").val(new Date().toString());
$("#to").val(new Date().toString()) ;
});

http://jsfiddle.net/sureshbm13/DWUrh/7/

Чтобы продолжить читать:

Относительно формата:

  • 0
    как изменить формат на дд-мм-гггг?
  • 0
    Большое спасибо за ссылки :-)
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню