微信打卡小程序是一种非常实用的应用程序，它可以为用户提供打卡记录、签到提醒等功能。那么微信打卡小程序怎么做好？设定时间怎么设置？一起来看看吧。

微信打卡小程序怎么做好？

1. 首先创建一个新的小程序页面，然后设计并排版打卡的界面。这通常包括一个签到按钮、当前时间、最后一次打卡时间、以及其他相关信息。

2. 在小程序的JS文件中，编写代码来为打卡界面提供支持。这个过程通常需要处理用户的点击事件、数据存储和更新等。

3. 最后，在小程序的WXSS文件中，定义打卡界面的样式和布局。可以使用CSS中的标准样式，也可以使用小程序提供的样式库。 下面是一个简单的微信打卡小程序示例，代码如下：

```
// WXML代码
<view class="checkin">
  <view>当前时间：{{currentTime}}</view>
  <view>最后一次打卡时间：{{lastCheckinTime}}</view>
  <button bindtap="checkin">签到</button>
</view>

// JS代码
Page({
  data: {
    currentTime: "",
    lastCheckinTime: ""
  },
  onShow: function () {
    this.setData({
      currentTime: new Date().getTime()
    });
  },
  checkin: function () {
    let time = new Date().getTime();
    if (this.data.lastCheckinTime) {
      let diff = time - this.data.lastCheckinTime;
      if (diff < 86400000) {
        wx.showToast({
          title: "今天已经签到了哦！",
          icon: "none"
        });
        return;
      }
    }
    this.setData({
      lastCheckinTime: time
    });
  }
})

// WXSS代码
.checkin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20rpx;
}
```

上面的代码中，我们使用了标签来创建打卡界面，并使用了WXSS代码来设置打卡界面的样式和布局。然后，在JS文件中，我们使用了两个变量来提供当前时间和最后打卡时间的支持，并编写了一个checkin方法来响应用户的点击事件。

总的来说，上面的示例是实现微信打卡小程序的一个基本示例。开发者可以根据实际需要进行调整和修改，以实现更加复杂、功能强大的微信打卡小程序。