微信小程序获取当前日期和时间

这篇具有很好参考价值的文章主要介绍了微信小程序获取当前日期和时间。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

博主介绍:本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮助到您;

🍅希望此文章可以帮助到您🍅

目录

 微信小程序文章推荐

效果显示

一、前端界面显示

二、js获取时间代码

1:定义data参数

 2:在onload中获取日期数据

 3:获取时间的方法

三、留个脚印吧


 微信小程序文章推荐

微信小程序手写签名

微信小程序获取当前日期和时间

微信小程序实现左边图片右边文字效果

微信小程序-修改checkbox样式

微信小程序绘制表格界面

效果显示

微信小程序获取当前时间,微信小程序,微信小程序,小程序

一、前端界面显示

  <view class="inputInfor" bindtap="bindDateChange">

                            <view style="display: flex;flex-direction: row; align-items: center;">
                                <image src="../image/rilistart.png" class="startcss" mode="scaleToFill"></image>
                                <view style="margin-left: 10rpx;white-space:nowrap;display: flex;flex-direction: row;">
                                    日                                
                                    期:
                                </view>
                                <view  style="width:75%;">
                                    <picker mode="date" value="{{date}}" start="{{startData}}" bindchange="bindDateChange">
                                        <view class="picker">
                                            {{nowData}}
                                        </view>
                                    </picker>
                                    <view class="lineView">
                                    </view>
                                </view>


                            </view>


                        </view>

说明:其中nowData是获取的数据值

二、js获取时间代码

具体代码如下:

1:定义data参数
    data: {
        nowData: "", 
   },
 2:在onload中获取日期数据
this.setData({   
     nowData: this.getNowDate(),
})
 3:获取时间的方法

    getNowDate: function () {


        var date = new Date();
        var year = date.getFullYear() //年
        var month = date.getMonth() + 1//月
        var day = date.getDate()//日

        var hour = date.getHours()//时
        var minute = date.getMinutes()//分
        var second = date.getSeconds()//秒

        var xiaoshi = "";
        if (hour < 10) {
            xiaoshi = "0" + hour;
        } else {
            xiaoshi = hour + "";
        }

        var fenzhong = "";
        if (minute < 10) {
            fenzhong = "0" + minute;
        } else {
            fenzhong = minute + "";
        }

        var miao = "";
        if (second < 10) {
            miao = "0" + second;
        } else {
            miao = second + "";
        }
        console.log(year + '-' + month + '-' + day + ' ' + xiaoshi + ':' + fenzhong + ':' + miao);
        this.setData({
            nowTime: year + '-' + month + '-' + day + ' ' + xiaoshi + ':' + fenzhong + ':' + miao
        })

    },

三、留个脚印吧

大家要是感觉此篇文字有意义;那就给个关注、点赞,收藏吧;

🍅也可以关注文档末尾公众号🍅文章来源地址https://www.toymoban.com/news/detail-723367.html

到了这里,关于微信小程序获取当前日期和时间的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包