点击javascript

时间:2016-09-08 09:35:05

标签: javascript datetime

这里我试图更改在div中显示的日期,这里我有前一个和下一个按钮&当我点击下一步按钮然后我的当前日期应该更改在那里我需要第二天的日期,通过点击上一个按钮/ div喜欢bellow snapp的enter image description here

如果我要点击右侧(>)文本,那么日期应该更改为9/9/2016,当我点击(<)文本时,日期应该更改为7/9/2016 &安培;同样的事情应该发生在月份,如果我们将达到月的eand意味着这里假设日期是30/9/2016并且我将点击Next(< text)然后日期应该显示为1/10/2016和如果我在2016年1月9日并点击上一个(< text),那么日期应该显示为2016年8月31日,任何人都可以帮我这个吗?我尝试了类似下面的东西但是有日期问题格式

$("#prevDate").unbind('click').click(function () {
        var actualDate = new Date(document.getElementById("Date").innerHTML);        
        var newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate()-1);
        var converdate=newDate.toString().split(" ");
        var dayName=converdate[0];
        var month=converdate[1];
        var dayNumber=converdate[2];
        var year=converdate[3];
        var newdte= dayName+","+month+","+dayNumber+","+year;

        document.getElementById("Date").innerHTML=newdte;
        document.getElementById("result").innerHTML=newdte;      
    });

    $("#nextDate").unbind('click').click(function () {       
        var actualDate = new Date(document.getElementById("Date").innerHTML);        
        var newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate()+1);
        var converdate=newDate.toString().split(" ");
        var dayName=converdate[0];
        var month=converdate[1];
        var dayNumber=converdate[2];
        var year=converdate[3];
        var newdte= dayName+","+month+","+dayNumber+","+year;

        document.getElementById("Date").innerHTML=newdte;
        document.getElementById("result").innerHTML=newdte;

    });

这里以dd / mm / yyyy格式传递日期,它认为它是mm / dd / yyyy格式这是我面临的问题

1 个答案:

答案 0 :(得分:1)

解决了问题

var months = ["","Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
    $("#prevDate").unbind('click').click(function () {

            var originalDate=document.getElementById("Date").innerHTML;
            var convertOriginalDate=originalDate.toString().split("/");
            var d=convertOriginalDate[0];
            var m=convertOriginalDate[1];
            var y=convertOriginalDate[2];
            var convertedOriginalDate= m+"/"+d+"/"+y;

            var actualDate = new Date(convertedOriginalDate);        
            var newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate()-1);
            var converdate=newDate.toString().split(" ");
            var dayName=converdate[0];
            var month=converdate[1];
            var dayNumber=converdate[2];
            var year=converdate[3];
            var newdte= dayNumber+"/"+months.indexOf(month)+"/"+year//dayName+","+month+","+dayNumber+","+year;

            document.getElementById("Date").innerHTML=newdte;
            document.getElementById("result").innerHTML=newdte;
        });

        $("#nextDate").unbind('click').click(function () {             
            var originalDate=document.getElementById("Date").innerHTML;
            var convertOriginalDate=originalDate.toString().split("/");
            var d=convertOriginalDate[0];
            var m=convertOriginalDate[1];
            var y=convertOriginalDate[2];
            var convertedOriginalDate= m+"/"+d+"/"+y;

            var actualDate = new Date(convertedOriginalDate);        
            var newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate()+1);
            var converdate=newDate.toString().split(" ");
            var dayName=converdate[0];
            var month=converdate[1];
            var dayNumber=converdate[2];
            var year=converdate[3];
            var newdte= dayNumber+"/"+months.indexOf(month)+"/"+year//dayName+","+month+","+dayNumber+","+year;

            document.getElementById("Date").innerHTML=newdte;
            document.getElementById("result").innerHTML=newdte;
        });