html日期控件默认设置为当天日期，以及获取当前日期前的指定天数

最新推荐文章于 2024-03-23 09:28:53 发布

追梦赤子心刘大哥

最新推荐文章于 2024-03-23 09:28:53 发布

阅读量4.8k

点赞数 1

分类专栏： JS HTML 文章标签： html date控件

本文链接：https://blog.csdn.net/qq_37035946/article/details/101029941

版权

HTML 同时被 2 个专栏收录

16 篇文章 1 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

日期控件

<input type="date" id="date" name="date" value="" />

日期控件默认设置为当天日期

        var now = new Date();
        //格式化日，如果小于9，前面补0
        var day = ("0" + now.getDate()).slice(-2);
        //格式化月，如果小于9，前面补0
        var month = ("0" + (now.getMonth() + 1)).slice(-2);
        //拼装完整日期格式
        var today = now.getFullYear()+"-"+(month)+"-"+(day) ;alert(today);
        document.getElementById("date").value=(today);
        //or  $("#date").val(today);

获取当前日期前的指定天数：num

               this.dateArray = [];
               function get_date(num){
                    var myDate = new Date(); //获取今天日期
                    var today = myDate.getFullYear() + '-' +(myDate.getMonth()+1)+"-"+myDate.getDate();
                    myDate.setDate(myDate.getDate() - num);
                    var dateTemp;  // 临时日期数据
                    var flag = 1;
                    for (var i = 0; i < num; i++) {
                        dateTemp = myDate.getFullYear() + '-' +(myDate.getMonth()+1)+"-"+myDate.getDate();
                        console.log(dateTemp);
                        this.dateArray.push({
                            date:dateTemp
                        });
                        myDate.setDate(myDate.getDate() + flag);
                    }
                    this.dateArray.push({
                        date:today
                    });
                }
                get_date(30);//前30天
                console.log(this.dateArray);
                document.getElementById("date").value=(this.dateArray[this.dateArray.length-1].date);//最后的日期，即当天