短视频程序,日期选择框前进后退-阿里云开发者社区

开发者社区> 云计算> 正文

短视频程序,日期选择框前进后退

简介: 短视频程序,日期选择框前进后退

短视频程序,日期选择框前进后退的相关代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<body>
<button onclick="next()">下一日</button>
<button onclick="nextMonth()">下一月</button>
</body>
<script>
    //下一日
    function next() {
        // day为number,-1:昨天的日期;0:今天的日期;1:明天的日期;
        var day = 1
        var today = new Date('2020-12-31')
        var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day
        today.setTime(targetday_milliseconds) // 注意,这行是关键代码

        var tYear = today.getFullYear()
        var tMonth = today.getMonth()
        var tDate = today.getDate()
        tMonth = this.doHandleMonth(tMonth + 1)
        tDate = this.doHandleMonth(tDate)
        console.log(tYear + '-' + tMonth + '-' + tDate)
    }
    // 下一月
    function nextMonth() {
        var today = new Date('2020-12')
        // day为number,-1:昨天的日期;0:今天的日期;1:明天的日期;
        var day = getCountDays(today)
        var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day
        today.setTime(targetday_milliseconds) // 注意,这行是关键代码

        var tYear = today.getFullYear()
        var tMonth = today.getMonth()
        tMonth = this.doHandleMonth(tMonth + 1)
        console.log(tYear + '-' + tMonth)
    }
    // 格式化数据
    function doHandleMonth(month) {
        var m = month
        if (month.toString().length == 1) {
            m = '0' + month
        }
        return m
    }
    // 获取一个月的天数
    function getCountDays(curDate) {
        // 获取当前月份
        var curMonth = curDate.getMonth()
        // 生成实际的月份: 由于curMonth会比实际月份小1, 故需加1
        curDate.setMonth(curMonth + 1)
        // 将日期设置为0
        curDate.setDate(0)
        // 返回当月的天数
        return curDate.getDate()
    }
</script>
</html>

以上就是短视频程序,日期选择框前进后退的相关代码, 更多内容欢迎关注之后的文章

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

其他文章