Question

以下是demo.

我创建了一个简单的日历，它适用于当月。但是我有“＆lt;＆lt;”和“＆gt;＆gt;表示上个月和下个月，单击它们不起作用。

一段代码：

prevMonth:function(){
    var month = $('.u-start-month').text(),
        year = $('.u-start-year').text();
    if(month <= 1){
        month = 12;
        --year;
    }
    else{
        --month;
    }
    this.initDate(year, month, $.proxy(function(){
        this.dir = 'left';
        this.init(year, month);
    }, this));
},

我错过了什么吗？

Answer 1

没有什么遗漏它似乎你从未连接过该函数的事件处理程序。所以只需添加此

的jQuery

 $('.u-start-prev').on('click',function(){

        Start.prevMonth();

    });
     $('.u-start-next').on('click',function(){

        Start.nextMonth();

    });

之后似乎正在努力。这是它工作的小提琴。如果我误解了某些内容，请告诉我。

http://jsfiddle.net/44LpP/2/

Answer 2

直接在HTML代码中添加onclick事件：http://jsbin.com/piqatota/1/edit?html,js,output

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><div class="u-start">
    <div class="u-start-header">
        <div class="u-start-prev" onclick="Start.prevMonth();"><<</div>
        <div class="u-start-date">
            <strong>Start Calander</strong>
            <span><em class="u-start-year"></em>-<em class="u-start-month"></em></span>
        </div>
        <div class="u-start-next" onclick="Start.nextMonth();">>></div>
    </div>
    <table class="u-start-body"></table>
    <div class="u-start-footer"></div>
</div>

在简单的日历中显示上个月和下个月

2 个答案: