微信小程序笔记2：极点日历插件

最新推荐文章于 2024-06-23 09:43:20 发布

「已注销」

最新推荐文章于 2024-06-23 09:43:20 发布

阅读量554

点赞数 2

文章标签：微信小程序 javascript 前端

本文链接：https://blog.csdn.net/qwe4455778/article/details/129199855

版权

效果图：

在最外层app.json中引入插件：

"plugins": {
        "calendar": {
            "version": "1.1.3",
            "provider": "wx92c68dae5a8bb046"
        }
    }

在需要用到日历的页面的js页面中写入：

js：

data{
    dayStyle: [],
},
/**
   * 点击日历某一天
   */
  dayClick: function(e){
    console.log("manage_dayClickStart")
    //定义date颜色数组
    let dayStyleTemp = new Array
    //初始化选中颜色
    //获取当前时间
    const year = e.detail.year
    const month = e.detail.month
    const day = e.detail.day
    var date = year + "/" + month + "/" + day
      //设置选中日期颜色
      dayStyleTemp.push(
        { month: 'current', day: day, color: 'white', background: '#aad4f5