2016-02-09 2 views
0

Мой скрипт ниже работает для google chrome, но не работает для Mozilla Firefox. Я не могу понять проблему.Следующий и предыдущий месяц не работает в mozila firefox

$(document).ready(function() { 
 
\t var x = 0; 
 
    $("#next").click(function (e) { 
 
    var divs = $('#SelectedMonth').text(); 
 
\t \t x++; //or whatever offset 
 
\t \t var CurrentDate = new Date(divs); 
 
\t \t var SelectedMonth=CurrentDate.setMonth(CurrentDate.getMonth() + 1); 
 
\t \t $("#txtDate").val($.datepicker.formatDate('yy-mm ', new Date(SelectedMonth))); 
 
\t \t $("#SelectedMonth").text($.datepicker.formatDate('MM yy ', new Date(SelectedMonth))); 
 
    }); 
 
\t var y = 0; 
 
    $("#prev").click(function (e) { 
 
    var divs = $('#SelectedMonth').text(); 
 
\t \t y++; //or whatever offset 
 
\t \t var CurrentDate = new Date(divs); 
 
\t \t var SelectedMonth=CurrentDate.setMonth(CurrentDate.getMonth() - 1); 
 
\t \t $("#txtDate").val($.datepicker.formatDate('yy-mm ', new Date(SelectedMonth))); 
 
\t \t $("#SelectedMonth").text($.datepicker.formatDate('MM yy ', new Date(SelectedMonth))); 
 
    }); 
 
});
<script src="http://code.jquery.com/jquery-2.1.1.js"></script> 
 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 

 
<input type="button" value="Pre" id="prev"/><span id="SelectedMonth">January 2016</span><input type="button" value="Next" id="next"/>

+0

Вы не использовали право snipplet. Вы не помещаете html-разметку в скрипт. Как выглядит вывод PHP для даты? – epascarello

+0

Пожалуйста, запустите это в mozila и chrome, затем нажмите на кнопку next и pre. Вы можете видеть проблему. –

+0

Теперь, когда образец работает после моего обновления, и вы помещаете какие-то результаты php, я смог вам помочь. – epascarello

ответ

0

Используйте атрибут данных для хранения строки даты, Firefox понимает, о том, как разобрать.

$(document).ready(function() { 
 
    var x = 0; 
 
    $("#next, #prev").click(function(e) { 
 

 
    var divs = $('#SelectedMonth').data("date"), 
 
     dir = this.id === "next" ? 1 : -1, 
 
     CurrentDate = new Date(divs); 
 
    CurrentDate.setMonth(CurrentDate.getMonth() + dir); 
 
    x += dir; 
 
    $("#txtDate").val($.datepicker.formatDate('yy-mm ', CurrentDate)); 
 
    $("#SelectedMonth") 
 
     .text($.datepicker.formatDate('MM yy ', CurrentDate)) 
 
     .data("date", CurrentDate); 
 

 
    }); 
 

 
});
<script src="http://code.jquery.com/jquery-2.1.1.js"></script> 
 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 

 
<input type="button" value="Pre" id="prev" /><span id="SelectedMonth" data-date="01/01/2013">January 2016</span> 
 
<input type="button" value="Next" id="next" />