微信小程序—系统当前日期的提取

素颜马尾好姑娘i 2023-03-14 05:52 7阅读 0赞

一般来说，小程序获取系统当前时间与PC端获取大同小异，大致来说分为两种：

1.  自己创建方法，直接 new Data();

var date = new Date();
        //年
        var Y = date.getFullYear();
        //月
        var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);
        //日
        var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
        //时
        var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();;
        //分
        var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();;
        //秒
        var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();;
        // 日期
        var dta = Y + "-" + M + "-" + D + " " + h + ":" + m + ":" + s;
    	// 赋值
    	this.setData({
    		time: data 
    	});

1.  自带函数，在要获取时间的.js文件中加载util.js文件  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjI0Mzg2_size_16_color_FFFFFF_t_70]  
    当前，调用这种的前提是自己提前封装函数进行调用，当你外部文件调用后，你就可以直接赋值。

//获取当前时间
    // 调用函数时，传入new Date()参数，返回值是日期和时间
    var data = util.formatTime(new Date());
    // 赋值
    this.setData({
    	time: data 
    });

当然，这时候你就会发现fortmatTime还存在少许漏洞，无法只获取日期为年月日。也就是说，获取util.js自带的函数进行调用虽然方便，不过文件的格式过余固定， 所以，我们还需要对formatTime进行重新构造.  
![在这里插入图片描述][20200516120726419.png]  
但是这里还需注意的是：

// 如果你直接这样进行赋值
    this.setData({
    	time: data 
    });

所返回的值为object object,因为程序获取的data是一个function,所以你还需进行编译转换。

// 赋值
    this.setData({
        time: JSON.parse(JSON.stringify(dta, null))
    })

这样最后所赋予的值就能以对象的方式展现出来了。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjI0Mzg2_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjI0Mzg2_size_16_color_FFFFFF_t_70]: /images/20230312/85521b0e7a634a1098bc12dc8ffaf8c6.png
[20200516120726419.png]: /images/20230312/8d13e6c8b33047a58916a3a4bb7d60c0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjI0Mzg2_size_16_color_FFFFFF_t_70 1]: /images/20230312/0e6cf9b013924fdd9ce37786b52cc9a6.png