单击时在文本框中设置日期

时间:2013-09-21 07:00:48

标签: javascript jquery html

我有两个文本框,从我的页面中的日期和日期开始。我有一些按钮。当我单击按钮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 个答案:

答案 0 :(得分:1)

使用日期对象

例如:

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

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

进一步阅读:

与格式相关:

答案 1 :(得分: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));     
       }
  });