javascript - 使用上一个和下一个按钮导航 Bootstrap 日期选择器

Question

如何获得上一个和下一个按钮功能，以使用 jquery 导航 Bootstrap Datepicker，如下图所示

我已经尝试过了

 function PrevNext(isnextbtn)
    {
        var date = new Date();
        var searchdate = new Date();

        if ($('#txtDate').val().length > 0){
            date = new Date($('#txtDate').val());
        }
        else {
            date = new Date('@DateTime.Now.ToShortDateString()');
        }

        alert(date);

        if (isnextbtn == 1) {
            searchdate = date.setDate(date.getDate() + 1, 1);
        }
        else {
            searchdate = date.setDate(date.getDate() - 1, 1);
        }

        $('#txtDate').datepicker('setDate', searchdate);
    }

Answer 1

使用以下代码解决我的问题；如果有其他更好的方法来实现此目的，请更新我。

注意:我的日期采用 dd/MM/yyyy 格式

function PrevNext(isnext)
    {
        var dateString = $("#txtDate").val().split("/");
        var actualDate = new Date(dateString[2], dateString[1] - 1, dateString[0]);
        var newDate = new Date();
        if(isnext == 1)
            newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate() + 1);
        else
            newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate() - 1);
        $('#txtDate').datepicker('setDate', newDate);
    }