获取昨天、上个月、上一年等日期

 

开发工具与关键技术：MVC

作者：Mr_恺

撰写时间：2019年7月7日

 

我估计获取当前的日期和时间，大家都会获取，现在我们搞一个下拉框改变事件改变时间，显示昨天、当月、上一月、当年、上年等

     布局：

 

布局效果：

我要的效果就是：在下拉框选中那个时间，就在右边显示对应的时间出来

关键就是js部分：

   //下拉框筛选，时间改变事件

            $("#Danjuriqi").change(function () {

                var Time = $("#Danjuriqi").val();

                var date = new Date();

                var year = date.getFullYear();  获取当年年份，以四位数字返回年份

                var years = date.getFullYear() - 1; 获取当年年份减1，就是上一年，以四位数字返回年份

                var month = date.getMonth();返回月份 (0 ~ 11)，0就是一月

                var months = date.getMonth() + 1; 返回月份 (0 ~ 11)加1，这样子1就是一月

                var ri = date.getDate();获取一个月中的某一天

                var ris = date.getDate()-1; 获取一个月中的某一天减1就是昨天

                if (Time == 1) {

                    var Dangtian = year + "-" + months + "-" + ri;//当天

                    $("#Time1").val(Dangtian);

                    $("#Time2").val(Dangtian);

                }

                if (Time == 2) {

                    var Zuotian = year + "-" + months + "-" + ris;//昨天

                    var Dangtian = year + "-" + months + "-" + ri;//当天

                    $("#Time1").val(Zuotian);

                    $("#Time2").val(Dangtian);

                }

                if (Time == 3) {

 

                    var firstdate = year + '-' + months + '-01'本月第一天

                    var day = new Date(year, months, 0);

                    var lastdate = year + '-' + months + '-' + day.getDate();本月最后一天

                    $("#Time1").val(firstdate);//本月第一天

                    $("#Time2").val(lastdate);//本月最后一天

                }

                if (Time == 4) {

 

                    if (month == 0) {

                        month = 12;

                        year = year - 1;

                    }

                    if (month < 10) {

                        month = "0" + month;

                    }

                    var firstDayOfPreMonth = year + "-" + month + "-" + "01";//上个月的第一天

                    var lastDay = new Date(year, month, 0);

                    var lastDayOfPreMonth = year + "-" + month + "-" + lastDay.getDate();//上个月的最后一天

                    $("#Time1").val(firstDayOfPreMonth);//上个月的第一天

                    $("#Time2").val(lastDayOfPreMonth);//上个月的最后一天

                }

                if (Time == 5) {

                    var firstDayOfPreMonth = year + "-" + "01" + "-" + "01";//当年的第一天

                    var lastDayOfPreMonth = year + "-" + "12" + "-" + "31";//当年的最后一天

                    $("#Time1").val(firstDayOfPreMonth);

                    $("#Time2").val(lastDayOfPreMonth);//当年的最后一天

                }

                if (Time == 6) {

 

                    var firstDayOfPreMonth = years + "-" + "01" + "-" + "01";//上年的第一天

                    var lastDayOfPreMonth = years + "-" + "12" + "-" + "31";//上年的最后一天

                    $("#Time1").val(firstDayOfPreMonth);

                    $("#Time2").val(lastDayOfPreMonth);

                }

                if (Time == 7) {

                    var firstDayOfPreMonth = "1900" + "-" + "01" + "-" + "01";

                    var lastDayOfPreMonth = "2999" + "-" + "12" + "-" + "31";

                    $("#Time1").val(firstDayOfPreMonth);

                    $("#Time2").val(lastDayOfPreMonth);

                }

            });

到了这一步，已经完成了，效果在文本这里很难显示出来，截两张图看一下吧：

动态效果