Question

我是Javascript和jquery编程的新手。我需要用'＆lt;创建一个链接上一个'和'下一个＆gt;'靠近jquery datepicker字段。点击此链接后，应该返回或继续前进（例如：2014-01-19日，点击下一个链接2014-01-20后）。

我已经测试了此链接Error creating a '< previous' and 'next >' (date) link for jQueryUI datepicker using setdate中的代码，但它不起作用。

当我点击下一个或上一个或下一个链接时，没有任何反应。

按照我尝试过的代码：

<script>
$(function() {
    $( "#datepicker" ).datepicker();
});

// Next Day Link
$('a#next').click(function () {
    $("#datepicker").datepicker('setDate', '+1');
    refreshSchedule();
    return false;
});

// Previous Day Link
$('a#previous').click(function () {
    $("#datepicker").datepicker('setDate', '-1');
    refreshSchedule();
    return false;
});
</script>

HTML：

<form id="dateForm">
    <a href="" id="previous">&laquo; Previous</a>
    <input name="datepicker" type="text" id="datepicker" />
    <a href="" id="next">Next &raquo;</a>
</form>

编辑：

rgbflawed非常感谢你，你的建议很好。

但是现在我在日期选择器中的每个示例都有一个新问题，默认日期是2014-01-19。如果我点击下一个链接，日期选择器将更新为2014-01-20 但是，如果我再次点击下一步以将日期选择器更新为2014-01-21，则日期选择器会保留值2014-01-20。

如何根据用户点击上一个或下一个链接来更新日期选择器？

对于您的建议工作，我更新了表单，请查看：

<form id="dateForm" target="bla.php" method="post">
    <a href="#" id="previous">&laquo;</a>
    <input name="datepicker" type="text" id="datepicker" />
    <a href="#" id="next">&raquo;</a>
    <input name="OK" type="submit">
</form>

Answer 1

点击事件需要在$（文件）.ready（function（）{}）内;为了工作。像这样......

<script>
$(function() {
    $( "#datepicker" ).datepicker();
});

$(document).ready(function(){
    // Next Day Link
    $('a#next').click(function () {
        $("#datepicker").datepicker('setDate', '+1');
        refreshSchedule();
        return false;
    });

    // Previous Day Link
    $('a#previous').click(function () {
        $("#datepicker").datepicker('setDate', '-1');
        refreshSchedule();
        return false;
    });
});
</script>

如何在jquery datepicker字段中创建上一天和下一天的链接

1 个答案: