精华内容
下载资源
问答
  • 微信小程序日历

    2019-04-15 12:30:19
    微信小程序日历demo
  • 该小程序主要是用于实现小程序日历,功能主要为滑动一次显示一次数据。 该小程序主要是用于实现小程序日历,功能主要为滑动一次显示一次数据。 该小程序主要是用于实现小程序日历,功能主要为滑动一次显示一次数据。
  • 微信小程序日历效果

    2020-10-17 13:59:45
    主要为大家详细介绍了微信小程序日历效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 微信小程序日历插件

    2018-05-24 17:07:27
    微信小程序日历插件,点击日期可获取点击的日期对应的年月日
  • 主要介绍了微信小程序日历插件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 微信小程序日历 可以左右滑动操作的日历 wechat small program calendar
  • 主要为大家详细介绍了微信小程序日历组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 微信小程序日历组件

    千次阅读 2020-02-17 19:56:55
    微信小程序日历组件 近期有人询问小程序日历怎么写,官方没有相关的组件,以下为小程序日历组件。 微信小程序日历组件 点击下载 日历分别显示阳历和阴历两部分 判断当月有多少天 new Date(year, month, 0)....

    微信小程序日历组件

    近期有人询问小程序日历怎么写,官方没有相关的组件,以下为小程序日历组件。

    微信小程序日历组件 点击下载

    日历分别显示阳历和阴历两部分
    在这里插入图片描述
    判断当月有多少天

    new Date(year, month, 0).getDate();
    

    遍历星期

    <view wx:for='{{weekText}}' class='item' wx:key='{{item}}'>{{item}}</view>
    
    //星期数组
    weekText: {
       type: Array,
       value: ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
    },
    

    因为阴历转换没有固定规律,所有每过一段时间就要去下载最新转换表,以下为1891年到2100年转换表

    lunarInfo: [
          [0, 2, 9, 21936], [6, 1, 30, 9656], [0, 2, 17, 9584], [0, 2, 6, 21168], [5, 1, 26, 43344], [0, 2, 13, 59728],
          [0, 2, 2, 27296], [3, 1, 22, 44368], [0, 2, 10, 43856], [8, 1, 30, 19304], [0, 2, 19, 19168], [0, 2, 8, 42352],
          [5, 1, 29, 21096], [0, 2, 16, 53856], [0, 2, 4, 55632], [4, 1, 25, 27304], [0, 2, 13, 22176], [0, 2, 2, 39632],
          [2, 1, 22, 19176], [0, 2, 10, 19168], [6, 1, 30, 42200], [0, 2, 18, 42192], [0, 2, 6, 53840], [5, 1, 26, 54568],
          [0, 2, 14, 46400], [0, 2, 3, 54944], [2, 1, 23, 38608], [0, 2, 11, 38320], [7, 2, 1, 18872], [0, 2, 20, 18800],
          [0, 2, 8, 42160], [5, 1, 28, 45656], [0, 2, 16, 27216], [0, 2, 5, 27968], [4, 1, 24, 44456], [0, 2, 13, 11104],
          [0, 2, 2, 38256], [2, 1, 23, 18808], [0, 2, 10, 18800], [6, 1, 30, 25776], [0, 2, 17, 54432], [0, 2, 6, 59984],
          [5, 1, 26, 27976], [0, 2, 14, 23248], [0, 2, 4, 11104], [3, 1, 24, 37744], [0, 2, 11, 37600], [7, 1, 31, 51560],
          [0, 2, 19, 51536], [0, 2, 8, 54432], [6, 1, 27, 55888], [0, 2, 15, 46416], [0, 2, 5, 22176], [4, 1, 25, 43736],
          [0, 2, 13, 9680], [0, 2, 2, 37584], [2, 1, 22, 51544], [0, 2, 10, 43344], [7, 1, 29, 46248], [0, 2, 17, 27808],
          [0, 2, 6, 46416], [5, 1, 27, 21928], [0, 2, 14, 19872], [0, 2, 3, 42416], [3, 1, 24, 21176], [0, 2, 12, 21168],
          [8, 1, 31, 43344], [0, 2, 18, 59728], [0, 2, 8, 27296], [6, 1, 28, 44368], [0, 2, 15, 43856], [0, 2, 5, 19296],
          [4, 1, 25, 42352], [0, 2, 13, 42352], [0, 2, 2, 21088], [3, 1, 21, 59696], [0, 2, 9, 55632], [7, 1, 30, 23208],
          [0, 2, 17, 22176], [0, 2, 6, 38608], [5, 1, 27, 19176], [0, 2, 15, 19152], [0, 2, 3, 42192], [4, 1, 23, 53864],
          [0, 2, 11, 53840], [8, 1, 31, 54568], [0, 2, 18, 46400], [0, 2, 7, 46752], [6, 1, 28, 38608], [0, 2, 16, 38320],
          [0, 2, 5, 18864], [4, 1, 25, 42168], [0, 2, 13, 42160], [10, 2, 2, 45656], [0, 2, 20, 27216], [0, 2, 9, 27968],
          [6, 1, 29, 44448], [0, 2, 17, 43872], [0, 2, 6, 38256], [5, 1, 27, 18808], [0, 2, 15, 18800], [0, 2, 4, 25776],
          [3, 1, 23, 27216], [0, 2, 10, 59984], [8, 1, 31, 27432], [0, 2, 19, 23232], [0, 2, 7, 43872], [5, 1, 28, 37736],
          [0, 2, 16, 37600], [0, 2, 5, 51552], [4, 1, 24, 54440], [0, 2, 12, 54432], [0, 2, 1, 55888], [2, 1, 22, 23208],
          [0, 2, 9, 22176], [7, 1, 29, 43736], [0, 2, 18, 9680], [0, 2, 7, 37584], [5, 1, 26, 51544], [0, 2, 14, 43344],
          [0, 2, 3, 46240], [4, 1, 23, 46416], [0, 2, 10, 44368], [9, 1, 31, 21928], [0, 2, 19, 19360], [0, 2, 8, 42416],
          [6, 1, 28, 21176], [0, 2, 16, 21168], [0, 2, 5, 43312], [4, 1, 25, 29864], [0, 2, 12, 27296], [0, 2, 1, 44368],
          [2, 1, 22, 19880], [0, 2, 10, 19296], [6, 1, 29, 42352], [0, 2, 17, 42208], [0, 2, 6, 53856], [5, 1, 26, 59696],
          [0, 2, 13, 54576], [0, 2, 3, 23200], [3, 1, 23, 27472], [0, 2, 11, 38608], [11, 1, 31, 19176], [0, 2, 19, 19152],
          [0, 2, 8, 42192], [6, 1, 28, 53848], [0, 2, 15, 53840], [0, 2, 4, 54560], [5, 1, 24, 55968], [0, 2, 12, 46496],
          [0, 2, 1, 22224], [2, 1, 22, 19160], [0, 2, 10, 18864], [7, 1, 30, 42168], [0, 2, 17, 42160], [0, 2, 6, 43600],
          [5, 1, 26, 46376], [0, 2, 14, 27936], [0, 2, 2, 44448], [3, 1, 23, 21936], [0, 2, 11, 37744], [8, 2, 1, 18808],
          [0, 2, 19, 18800], [0, 2, 8, 25776], [6, 1, 28, 27216], [0, 2, 15, 59984], [0, 2, 4, 27424], [4, 1, 24, 43872],
          [0, 2, 12, 43744], [0, 2, 2, 37600], [3, 1, 21, 51568], [0, 2, 9, 51552], [7, 1, 29, 54440], [0, 2, 17, 54432],
          [0, 2, 5, 55888], [5, 1, 26, 23208], [0, 2, 14, 22176], [0, 2, 3, 42704], [4, 1, 23, 21224], [0, 2, 11, 21200],
          [8, 1, 31, 43352], [0, 2, 19, 43344], [0, 2, 7, 46240], [6, 1, 27, 46416], [0, 2, 15, 44368], [0, 2, 5, 21920],
          [4, 1, 24, 42448], [0, 2, 12, 42416], [0, 2, 2, 21168], [3, 1, 22, 43320], [0, 2, 9, 26928], [7, 1, 29, 29336],
          [0, 2, 17, 27296], [0, 2, 6, 44368], [5, 1, 26, 19880], [0, 2, 14, 19296], [0, 2, 3, 42352], [4, 1, 24, 21104],
          [0, 2, 10, 53856], [8, 1, 30, 59696], [0, 2, 18, 54560], [0, 2, 7, 55968], [6, 1, 27, 27472], [0, 2, 15, 22224],
          [0, 2, 5, 19168], [4, 1, 25, 42216], [0, 2, 12, 42192], [0, 2, 1, 53584], [2, 1, 21, 55592], [0, 2, 9, 54560]
     ],
    

    判断是否为闰年

    isLeapYear : function(year) {
      return ((year % 4 == 0 && year % 100 != 0) || (year % 400 == 0));
    },
    

    引入

    {
      "usingComponents": {
        "calendar-week": "../components/calendar/calendar"
      }
    }
    

    使用

    <calendar-week></calendar-week>
    

    微信小程序组件下载 点击下载

    如果有使用方面的错误,请进行反馈,并将为您提供相关解决方案,祝您使用愉快。

    展开全文
  • 主要介绍了微信小程序日历组件calendar详解及实例的相关资料,需要的朋友可以参考下
  • wxapp-calendar 项目需要一个日历功能, 实现的微信小程序日历,js大小只有几k,引入了bootstrap字体图标(文件icon.wxss,该字体已经bootstrap字体图标需要的字体) 看起来有80k,出去icon.wxss整个只有几k
  • 本文实例为大家分享了微信小程序日历效果的具体代码,供大家参考,具体内容如下源码下载地址项目需要一个日历功能,花了一天时间实现的微信小程序日历,js大小只有几k,引入了bootstrap字体图标(文件icon.wxss,该字体...

    本文实例为大家分享了微信小程序日历效果的具体代码,供大家参考,具体内容如下

    源码下载地址

    项目需要一个日历功能,花了一天时间实现的微信小程序日历,js大小只有几k,引入了bootstrap字体图标(文件icon.wxss,该字体已经bootstrap字体图标需要的字体)看起来有80k,出去icon.wxss整个只有几k,有问题欢迎指正

    如图:

    51ac410acce55686fead24e2bf16e57f.png

    index.wxml

    {{currentDate}}

    {{vo}}

    {{vo}}

    index.wxss @import '../../dist/css/icon.wxss';

    page {

    background-color: #2a8cef;

    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#2a8cef), to(#8A2BE2));

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    flex-wrap: nowrap;

    justify-content: flex-start;

    align-items: stretch;

    font-size: 14px;

    }

    .box {

    display: block;

    margin: 10px;

    }

    .box-flex {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    }

    .flex-item {

    flex-flow: nowrap;

    flex-grow: 1;

    flex-shrink: 1;

    width: 14.2%;

    }

    .item-content {

    margin: 5px;

    padding: 0 10px;

    text-align: center;

    background-color: #000;

    height: 2rem;

    line-height: 2rem;

    color: #fff;

    }

    .bk-color-day {

    background-color: #8A2BE2;

    }

    .item-content-current-day {

    flex-grow: 2;

    }

    index.js var app = getApp();

    Page({

    data: {

    currentDate: "2017年05月03日",

    dayList: '',

    currentDayList: '',

    currentObj: '',

    currentDay: ''

    },

    onLoad: function (options) {

    var currentObj = this.getCurrentDayString()

    this.setData({

    currentDate: currentObj.getFullYear() + '年' + (currentObj.getMonth() + 1) + '月' + currentObj.getDate() + '日',

    currentDay: currentObj.getDate(),

    currentObj: currentObj

    })

    this.setSchedule(currentObj)

    },

    doDay: function (e) {

    var that = this

    var currentObj = that.data.currentObj

    var Y = currentObj.getFullYear();

    var m = currentObj.getMonth() + 1;

    var d = currentObj.getDate();

    var str = ''

    if (e.currentTarget.dataset.key == 'left') {

    m -= 1

    if (m <= 0) {

    str = (Y - 1) + '/' + 12 + '/' + d

    } else {

    str = Y + '/' + m + '/' + d

    }

    } else {

    m += 1

    if (m <= 12) {

    str = Y + '/' + m + '/' + d

    } else {

    str = (Y + 1) + '/' + 1 + '/' + d

    }

    }

    currentObj = new Date(str)

    this.setData({

    currentDate: currentObj.getFullYear() + '年' + (currentObj.getMonth() + 1) + '月' + currentObj.getDate() + '日',

    currentObj: currentObj

    })

    this.setSchedule(currentObj);

    },

    getCurrentDayString: function () {

    var objDate = this.data.currentObj

    if (objDate != '') {

    return objDate

    } else {

    var c_obj = new Date()

    var a = c_obj.getFullYear() + '/' + (c_obj.getMonth() + 1) + '/' + c_obj.getDate()

    return new Date(a)

    }

    },

    setSchedule: function (currentObj) {

    var that = this

    var m = currentObj.getMonth() + 1

    var Y = currentObj.getFullYear()

    var d = currentObj.getDate();

    var dayString = Y + '/' + m + '/' + currentObj.getDate()

    var currentDayNum = new Date(Y, m, 0).getDate()

    var currentDayWeek = currentObj.getUTCDay() + 1

    var result = currentDayWeek - (d % 7 - 1);

    var firstKey = result <= 0 ? 7 + result : result;

    var currentDayList = []

    var f = 0

    for (var i = 0; i < 42; i++) {

    let data =[]

    if (i < firstKey - 1) {

    currentDayList[i] = ''

    } else {

    if (f < currentDayNum) {

    currentDayList[i] = f + 1

    f = currentDayList[i]

    } else if (f >= currentDayNum) {

    currentDayList[i] = ''

    }

    }

    }

    that.setData({

    currentDayList: currentDayList

    })

    }

    })

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持聚米学院。

    展开全文
  • 微信小程序日历签到,带前端,循环打卡签到,活跃小程序运营,活跃小程序运营,活跃小程序运营,活跃小程序运营,活跃小程序运营
  • 主要介绍了微信小程序日历弹窗选择器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 主要为大家详细介绍了微信小程序日历和日期选择插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 539
精华内容 215
关键字:

微信小程序日历

微信小程序 订阅