- 日历形式的日期选择器
最近项目中用到了一个日期选择器,原生的不是很好看,所以自己写了一个日历形式的,现在分享给大家。 直接上代码:https://gitee.com/piscdong/wechat_calendar 效果图如下 [图片] 月份切换直接用了原生的月份选择器。 代码还是相对比较简单的,这里简单分析一下日历部分的代码。 日历部分主要是使用js的Date对象来获取指定月份相关信息。首先获取到当月首日的星期,如果不是周日,则在前面补充上相应数量的空view。 [代码]if (week > 0) { for (var i = 0; i < week; i++) { days.push({ day: 0 }) } } [代码] 每个月的最大天数,和PHP不同,js好像并没有直接获取到的方法,我用了个笨办法,直接根据月份来判断当前月是否大月,2月的时候则是这一年是否闰年。 [代码]if (month == 4 || month == 6 || month == 9 || month == 11) { max = 30 } else if (month == 2) { if (((year % 4) == 0 && (year % 100) > 0) || (year % 400) == 0) { max = 29 } else { max = 28 } } [代码] 整体使用flex布局,父级的宽度正好是每个子级宽度的7倍,这样就可以每7天换一行。 其他基本上都是一些基础的js、css代码,没什么花头。
2020-04-14 - [有点炫]自定义navigate+分包+自定义tabbar
自定义navigate+分包+自定义tabbar,有需要的可以拿去用用,可能会存在一些问题,根据自己的业务改改吧 大家也可以多多交流 代码片段:在这里 {"version":"1.1.5","update":[{"title":"修复 [复制代码片段提示] 无法使用的问题","date":"2020-06-15 09:20","imgs":[]}]} 更新日志: 2019-11-25 自定义navigate 也可以调用wx.showNavigationBarLoading 和 wx.hideNavigationBarLoading 2019-11-25 页面滚动条显示在自定义navigate 和 自定义tabbar上面的问题(点击“体验custom Tabbar” [图片] [图片] 其他demo: 云开发之微信支付:代码片段
2020-06-15