set date in textbox on click

Question

I have two text boxes which hold from date and to date in my page. I have some buttons. When I click on the button 1day, the from date and to date should be set to today's date. When I click on the button 1 week, to date should be set to today's date and from date should be set to 1 week before today. Other buttons have similar functionality. How can I do that using jQuery or JavaScript? Please provide me with a 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>

[What have you tried so far](http://mattgemmell.com/2008/12/08/what-have-you-tried/)? — Kiran, Sep 21 '13 at 07:03
use change(this) in function call.this is not the complete version of your answer.but this may help you. — Prinz Km, Sep 21 '13 at 07:28

score 1 · Answer 1 · edited May 23 '17 at 11:56

1

Use date Object

For ex :

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

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

To move further read :

Related to format :

Where can I find documentation on formatting a date in JavaScript?

edited May 23 '17 at 11:56

Community

1
1

answered Sep 21 '13 at 07:16

Suresh Atta

120,458
37
198
307

1

@AnushaHoney So you got code right finally :) Good luck with project. – Suresh Atta Sep 21 '13 at 07:34

score 1 · Accepted Answer · answered Sep 21 '13 at 07:23

Try this code:

Look at this demo -

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));     
       }
  });

set date in textbox on click

2 Answers2