帮我写一段微信小程序代码,有两个按钮,一个按钮按下显示当前日期,另一个按钮按下显示当前用户已打卡
时间: 2024-03-09 07:47:04 浏览: 77
好的,以下是一个简单的微信小程序代码:
```
<view class="container">
<button bindtap="showDate">显示日期</button>
<button bindtap="showStatus">显示打卡状态</button>
<view>{{date}}</view>
<view>{{status}}</view>
</view>
```
```
Page({
data: {
date: '',
status: '未打卡'
},
showDate: function () {
var date = new Date()
this.setData({
date: date.toLocaleDateString()
})
},
showStatus: function () {
this.setData({
status: '已打卡'
})
}
})
```
以上代码中,我们创建了一个包含两个按钮的容器,分别绑定了 `showDate` 和 `showStatus` 函数。`showDate` 函数会获取当前日期,并将其保存在 `date` 变量中,并通过 `setData` 函数更新页面的日期显示。
`showStatus` 函数会将打卡状态更新为“已打卡”,同样通过 `setData` 函数更新页面的状态显示。
在页面的 `data` 属性中,我们定义了初始状态的日期和打卡状态。在页面加载时,页面会显示这些初始状态。
希望这个示例对你有帮助。
阅读全文