小程序怎么写时间

时间:2025-01-26 05:51:50 单机游戏

在微信小程序中显示当前时间,可以使用 `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)

}

})

```

这个示例展示了如何在微信小程序中创建一个日期时间选择器,并在用户选择日期时间时输出当前选择的日期时间。

通过这些方法,你可以在微信小程序中实现时间的显示和选择功能。