onclick JQuery函数在HTML标签中设置日期选择器值为不同的日期

onclick JQuery function in HTML th tag to set datepicker value to different date(s)

本文关键字:日期 选择器 设置 函数 JQuery HTML 标签 onclick      更新时间:2023-09-26

我正在尝试这样做:

<th><a href="#" onclick="[set datepicker value to + 7 days]"> > next week </a></th>

我已经试过了,onclick动作没有调用。是否有一种方法可以在HTML表内的标签内将日期选择器值更改为+7天?

试试这个…

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script type="text/javascript">
    $(document).ready(function () {
        $("#DateWeek").click(function () {
            var dt = new Date();
            var someDate = new Date();
            var numberOfDaysToAdd = 7;
            someDate.setDate(someDate.getDate() + numberOfDaysToAdd); 
            $('#datepicker').datepicker("setDate", someDate);
        });
    });

</script>

     <p>Date: <input type="text" id="datepicker"></p>
    <a id="DateWeek"> click me</a>