在微信小程序中显示当前时间,可以使用 `wx.createSelectorQuery()` 和 `wx.createDatePicker()` 组件来实现。以下是一个示例代码:
1. 在 `wxml` 文件中添加日期时间选择器:
```html
当前日期:{{date}}
```
2. 在 `js` 文件中编写逻辑:
```javascript
Page({
data: {
date: '2025-01-14'
},
bindDateChange: function(e) {
console.log('Selected date: ', e.detail.value)
}
})
```
这个示例展示了如何在微信小程序中创建一个日期选择器,并在用户选择日期时输出当前选择的日期。
如果你需要更详细的时间显示,例如包括小时、分钟和秒,可以使用 `wx.createDateTimePicker()` 组件:
1. 在 `wxml` 文件中添加日期时间选择器:
```html
当前时间:{{datetime}}
```
2. 在 `js` 文件中编写逻辑:
```javascript
Page({
data: {
datetime: '2025-01-14 12:34:56'
},
bindDateTimeChange: function(e) {
console.log('Selected datetime: ', e.detail.value)
}
})
```
这个示例展示了如何在微信小程序中创建一个日期时间选择器,并在用户选择日期时间时输出当前选择的日期时间。
通过这些方法,你可以在微信小程序中实现时间的显示和选择功能。