JS获取几个月后的时间.html

最新推荐文章于 2022-06-16 15:13:29 发布
最新推荐文章于 2022-06-16 15:13:29 发布
阅读量769 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44668908/article/details/103767439
版权 
<!DOCTYPE HTML>
<html>
    <head>
        <meta   charset="utf-8"/>
        <title></title>   
        <style>
            input { width:200px; }
        </style>       
    </head>
    <body>
        <select id="time">
            <option value="0">请选择</option>
            <option value="1">一周前</option>
            <option value="2">一个月前</option>
            <option value="3">三个月前</option>
            <option value="4">半年前</option>
            <option value="5">一年前</option>
            <option value="6">一年后</option>
        </select>
        <input type="text" id="stime" value="选择的时间"/>
        <input type="text" id="etime" value="当前时间"/>       
        <script>
            function $(el){
                return typeof el == 'string' ? document.getElementById(el) : el;
            }
            var s = $('stime');
            var e = $('etime');
            $('time').onchange = function(){
                var d = new Date();
                e.value = d.toLocaleString().replace(/年|月/g, '-').replace('日', '');
                switch( +this.value ){
                    case 1:
                        s.value = setTime(d, {type:'d', value: -7});
                        break;
                    case 2:
                        s.value = setTime(d, {type:'M', value: -1});
                        break;
                    case 3:
                        s.value = setTime(d, {type:'M', value: -3});
                        break;
                    case 4:
                        s.value = setTime(d, {type:'M', value: -6});
                        break;
                    case 5:
                        s.value = setTime(d, {type:'y', value: -1});
                        break;
                    case 6:
                        s.value = setTime(d, {type:'y', value:1});
                        break;
                }
            }
             
            function setTime(d, opts){
                if(!d) return;
                var t = opts.type || 'd',
                    v = opts.value || 1;

                switch( t ){
                    case 'y':
                        d.setFullYear( d.getFullYear() + v );
                        break;
                    case 'M':
                        d.setMonth( d.getMonth() + v );
                        break;                       
                    case 'd':
                        d.setDate( d.getDate() + v );
                        break;
                    case 'h':
                        d.setHours( d.getHours() + v );
                        break;
                    case 'm':
                        d.setMinutes( d.getMinutes() + v );
                        break;
                    case 's':
                        d.setSeconds( d.getSeconds() + v );
                        break;                       
                }
                return d.toLocaleString().replace(/年|月/g, '-').replace('日', '');
            }
             

            //  饿了么
        //  pickerOptions: {
        //   shortcuts: [{
        //     text: '未来半年',
        //     onClick(picker) {
        //       const start = new Date();
        //       const d = new Date();
        //       const end = d.setMonth( d.getMonth() + 6 ) - 3600 * 1000 * 24;
        //       picker.$emit('pick', [start, end]);
        //     }
        //   }, {
        //     text: '未来一年',
        //     onClick(picker) {
        //       const start = new Date();
        //       const d = new Date();
        //       const end = (d.setFullYear( d.getFullYear() + 1 ) - 3600 * 1000 * 24) ;
        //       picker.$emit('pick', [start, end]);
        //     }
        //   }, {
        //     text: '未来两年',
        //     onClick(picker) {
        //       const start = new Date();
        //       const d = new Date();
        //       const end = (d.setFullYear( d.getFullYear() + 2 ) - 3600 * 1000 * 24) ;
        //       picker.$emit('pick', [start, end]);
        //     }
         
         
        //   }]
        // }
        </script>
    </body>
</html>
同块柴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript获取当前时间向前推三个月的方法示例
12-10
本文实例讲述了JavaScript获取当前时间向前推三个月的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
js获取本日、本周、本月的时间代码
10-15
`showMonthLastDay()` 先获取下个月的第一天，然后减去一天，得到当前月份的最后一天。这样可以避免跨年的情况。 7. `getTime(s)` 函数是用来根据参数 `s` 调用上述函数并将结果赋值给指定的HTML元素。当 `s` 为1...
js获取给定月份后的N个月后的日期
Yi18842559611的博客
11-11 416
var d = new Date(); d.setMonth(d.getMonth() + N); console.log(d)
获取几个月之前和之后的日期
qq_39999478的博客
01-22 272
/** * 获取几个月之前的日期（Date类型） * * @param cnt （正数） * @return */ public static Date getBeforeMonthDate(int cnt) { Calendar canlendar = Calendar.getInstance(); canlendar.add(Calendar.MONTH, -cnt); return canlendar.getTime(); } ...
js获取给定月份的N个月后的日期
weixin_30561177的博客
12-27 454
1.在讲js获取给定月份的N个月后的日期之前，小颖先给大家讲下getFullYear()、getYear()的区别。 ①getYear() var d = new Date() console.log(d.getYear()); 打印结果为：116 小颖百度了下，js中Date对象getYear(）方法和getFullYe...
js自然月偏移。获取三个月后的日期，获取某个日期几个月前或者几个月后是哪天
qq_16602199的博客
06-16 1643
js获取试用期到期时间、js获取三个月后的日期、js获取多少个月后的日期
JS 获取当前日期三个月的日期，去除周末
I_Order的博客
09-20 1566
function GetDateTime() { var dateNew = new Date(); var mydate = dateNew.toLocaleDateString(); //获取当天时间 var getDate = dateNew.getDate();//获取当前日 var getYear = dateNew.
js获取时间精确到秒（年月日）
10-22
在JavaScript中，获取时间并精确到秒涉及到对`Date`对象的使用。`Date`对象是JavaScript中的内置对象，用于处理日期和时间。在提供的代码示例中，我们看到一个简单的网页应用，它每秒钟更新一次当前的时间显示，包括...
详解js实时获取并显示当前时间的方法
10-17
在JavaScript中，实时获取并显示当前时间是一项基本但重要的任务，尤其在开发动态网页或Web应用时。本文将深入探讨两种不同的方法来实现这一功能，同时提供详细的代码示例。 首先，我们来看第一种方法： ```html ...
JS获取当前日期时间并定时刷新示例
10-25
在本文中，我们将探讨如何利用JavaScript获取当前日期时间，并实现定时刷新显示这一信息。 首先，获取当前日期时间在JavaScript中非常简单，主要通过`Date`对象来完成。创建一个`Date`对象实例，可以立即获取到系统...
JS获取过去六个月列表
大脸猫~
08-27 3295
JS获取时间 createDateDate () { let datelist = [] let date = new Date() let Y = date.getFullYear() let M = date.getMonth()+1 for (let i = 0; i &amp;lt; 6; i++) { ...
JavaScript 获取几个月前或几个月后的日期，几天前的日期
puyrt的博客
11-18 2660
/**  * @params data是当前时间  * @params monthNum 可以传负数，表示当前日期往后几个月  *  */ function GetPreMonthDay (date,monthNum){     var dateArr = date.split('-');     var year = dateArr[0]; //获取当前日期的年份     var
js如何获取当前时间、前几个月或后几个月时间
寒武纪07
11-12 5832
/** *获取几个月前的输入日期 *{param:DateTime} date 输入日期(YYYY-MM-DD) *{param:number } monthNum 月数 */ function GetPreMonthDay(date, monthNum) { var dateArr = date.split('-'); var year = dateArr[0]; //获取当前日期的年份 var mo.
JS计算当前日期+6个月后的日期
热门推荐
TianHuMin的博客
08-01 1万+
function ChooseType() { var time1 = GetXFormFieldById("fd_34def0c182299e"); var time2 = GetXFormFieldById("fd_34def0c23deb00"); var str = time1[0].value;//原文本格式"2015-05-26
js如何获取前几个月或后几个月时间
ayfxo22204的专栏
01-16 1730
/** *获取几个月前的输入日期 *{param:DateTime} date 输入日期(YYYY-MM-DD) *{param:number } monthNum 月数 */ function GetPreMonthDay(date, monthNum) { var dateArr = date.sp...
javascript 获取最近3天/1周/1个月/3个月/半年/1年的时间
imcholl的博客
11-05 1万+
moment.js // 近3天 this.getRecentDay(3); //近一周 this.getRecentDay(7); // 近一个月 this.getRecentMonth(1); // 近三个月 this.getRecentMonth(3); // 近半年 this.getRecentMonth(6); // 近一年 this.getRecentMonth(12); // 近N天 -Moment.js getRecentDay: function (n) { let day = mom
JS计算两个月份之间相差几个月
蓝花花的天空
06-28 4316
[b][size=medium][color=blue]//计算两个月份之间相差的月份 var date1 = "" ; var date2 = "" ; // 拆分年月日 date1 = date1.split('-'); // 得到月数 date1 = parseInt(date1[0]) * 12 + parseInt(date1[1]);...
scala版线程安全的日期时间工具(LocalDateTime)
jomplte博客
03-28 1008
import java.time.format.DateTimeFormatter import java.time.{Instant, LocalDate, LocalDateTime, ZoneId} object DateTimeUtils { // 获取当前日期时间字符串 格式: yyyy-MM-dd HH:mm:ss def getDate: String = { v...
js获取近三个月的所有日期
weixin_42164004的博客
02-27 2316
getLast3Month()：获取近三个月的开始时间和结束时间 function getLast3Month() { var now = new Date() var year = now.getFullYear() var month = now.getMonth() + 1 //0-11表示1-12月 var day = now.getDate() var dateObj = {} if (parseInt(month) < 10) { month = '0' +
利用js和html和css实现本月开始时间到结束时间，以及上一月下一月功能
最新发布
04-26
好的，让我来为你解答这个问题。为了实现这个功能，我们需要使用JavaScript和HTML、CSS结合起来。以下是实现该功能的步骤： 1. 使用HTML创建一个月历表格。在表格中，包含第一行是标题，第二行是星期几，以及剩余的行是日期。我们需要使用HTML和CSS添加样式来使表格看起来漂亮。 2. 使用JavaScript获取当前的月份和年份，并计算本月的开始和结束时间。可以使用JavaScript内置的Date对象和一些日期方法来处理日期和时间。计算本月开始和结束时间的步骤如下： * 使用Date对象获取当前日期 * 获取当前月份和年份 * 使用Date对象设置本月的第一天和最后一天 3. 显示本月开始和结束时间。我们可以使用JavaScript将计算出来的时间显示在页面上。 4. 添加上一月和下一月的功能。通过增加一个"上一月"和"下一月"按钮，我们可以让用户在月历中浏览不同的月份。我们需要了解用户选择上一月或下一月时，如何更新表格和显示正确的日期。 以上就是实现该功能的基本步骤。希望我的回答能够帮到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值