js文件 'use strict'; let choose_year = null, choose_month = null; const ...
代码仓库地址:https: github.com imxiaoer WeChatMiniCalendar 一 效果图如下: 二 业务场景介绍 客户原始需求:用户需要知道在选中的月份中,哪些日期是有客户预约的,并且显示当天预约人数,点击有预约的日期则进入预约信息详细页,详细页内可以新建预约 点击没有预约的日期则直接进入新建预约页面。 三 需求实现 因为项目用的是vant的小程序ui组件,所以刚开始 ...
2021-05-31 23:49 0 1497 推荐指数:
js文件 'use strict'; let choose_year = null, choose_month = null; const ...
前言 很多时候,我们生活中会有各种打卡的情况,比如 keep 的运动打卡、单词的学习打卡和各种签到打卡或者酒店的入住时间选择,这时候就需要我们书写一个日历组件来处理我们这种需求。 但是更多时候,我们都是网上找一个插件直接套用了,有没有想过自己实现一下呢?如果有,但是感觉不太会的话,接下来跟着 ...
仿携程酒店日历 接受日历组件开发之前,本来是拒绝的,日历组件,表单组件绝逼是前端开发的一个噩梦,尤其要做好一个旅游项目的日历,产品的收货标准只有一条,你看携程都实现了哦, MMP的。要在小程序中实现携程app的日历,即要兼顾性能问题,还要实现很多产品非常非常合理的需求。 完整源码 ...
接上文:微信小程序开发04-打造自己的UI库 github地址:https://github.com/yexiaochai/wxdemo 我们这里继续实现我们的日历组件,这个日历组件稍微有点特殊,算是相对复杂的组件了,然后一般的日历组件又会有很多的变化,所以我们这里实现最基本的标签即可 ...
说明: 1.基于element-ui开发的vue日历组件。 地址 更新: 1.增加value-format指定返回值的格式2.增加头部插槽自定义头部 <ele-calendar > <template slot-scope="slotProps"> ...
之前在做社区的时候,发现微信小程序签到的插件很少,美观程度上也不尽人意,所以,自己结合了一下我们社区的设计图写了这个签到页面,不足之处,请指教并多多包涵! <html> <view class="reg-container"> < ...
示例图 wxml文件 wxss文件 js文件 ...
需求:在控制台输入年月(yyyy-MM),则打印出该年该月的日历信息: 分析: 1:计算1900年1月1日距离输入日期的天数,日数可以算作1日 2:总天数对7取余应该是该天所在周数 3:然后根据显示该月的打印信息 具体代码如下: 主方法类: 工具类代码 ...