博主介绍:本人专注于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
🍅也可以关注文档末尾公众号🍅文章来源地址https://www.toymoban.com/news/detail-723367.html
到了这里,关于微信小程序获取当前日期和时间的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!