要在园丁小程序中实现打卡功能，你需要按照以下步骤操作：
创建小程序项目
打开微信开发者工具。
新建一个小程序项目，并选择合适的模板。
填写项目所需的信息，如AppID、项目名称等。
添加打卡页面
在项目目录中创建一个新的页面，例如命名为“attendance”。
在新页面的`.json`文件中，添加打卡按钮的组件。例如：
```json
{
"usingComponents": {},
"component": true
}
```
在`.wxml`文件中，添加打卡按钮。例如：
```html
```
在`.js`文件中，编写打卡的逻辑代码。例如：
```javascript
Page（{
data: {
attendance: [], // 打卡记录
},
markAttendance: function （） {
const currentTime = new Date（）.getTime（）； // 获取当前时间戳
const attendanceData = {
userId: getCurrentUserId（）, // 获取当前用户ID
timestamp: currentTime,
}；
this.setData（{
attendance: [...this.data.attendance, attendanceData], // 将打卡记录保存到数据中
}）；
},
}）；
```
查看记录
你可以在同一个页面中添加一个列表或表格，用于展示用户的打卡记录。
通过`this.data.attendance`来获取并显示打卡记录。
示例代码
index.wxml：
```html
```
index.js：
```javascript
Page（{
data: {
attendance: [], // 打卡记录
},
markAttendance: function （） {
const currentTime = new Date（）.getTime（）； // 获取当前时间戳
const attendanceData = {
userId: getCurrentUserId（）, // 获取当前用户ID
timestamp: currentTime,
}；
this.setData（{
attendance: [...this.data.attendance, attendanceData], // 将打卡记录保存到数据中
}）；
},
getCurrentUserId: function （） {
// 这里应该是一个函数，用于获取当前用户的ID
return 'user123'；
},
}）；
```
index.wxss：
```css
.container {
padding: 20px；
display: flex；
flex-direction: column；
align-items: center；
}
button {
margin-bottom: 20px；
}
```
通过以上步骤和代码，你就可以在园丁小程序中实现打卡功能，并且查看用户的打卡记录。