使用上一个和下一个按钮导航Bootstrap Datepicker

时间:2015-10-20 01:30:15

标签: javascript jquery bootstrap-datepicker

如何使用jquery导航Bootstrap Datepicker的上一个和下一个按钮功能,如图2所示

enter image description here

我试过像

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

1 个答案:

答案 0 :(得分:0)

使用以下代码解决我的问题;如果还有其他更好的方法可以帮我更新。

注意:我的日期是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);
    }