创建日历面板组件,在components目录下创建calendar文件夹 1.calendar.js // components/calendar/calendar.js var util = require('../../utils/util.js') Component({ /** * 组件的属性列表 */ properties: { currentYear: { // 当前显示的年 type: Number, value: new Date().getFullYear() }, curre…

微信小程序的wx-charts插件-tab选项卡 效果: //index.js var wxCharts = require('../../utils/wxcharts-min.js'); const app = getApp(); var ringChart = null; Page({ data: { selected: true, selected1: false }, torecord() { wx.navigateBack({ delta: 1, }) }, onLoad: funct…

微信小程序之倒计时插件   wxTimer 介绍: 用于在微信小程序中进行倒计时的组件. 功能: 1.最基础的当然就是倒计时功能了. 2.可以设置倒计时结束后执行的事件. 3.可以设置倒计时执行过程中每隔多少秒,执行一次对应的事件. 下载: wxTimer 在JS中调用 1.在当前js引入 timer = require('../../plug/wxTimer.js') 2.在全局app.js引入 app.js globalData: { userInfo: null, timer: requi…

摘要: 1.1.0新增fundebug.test()和fundebug.notifyHttpError()方法,同时大小压缩至15K. Fundebug是专业的小程序BUG监控服务,可以第一时间为您捕获生存环境中小程序的异常.错误或者BUG,及时给开发者发送报警,帮助您快速修复BUG.欢迎大家免费试用,也欢迎各位用户反馈建议或者问题. test(name, message) 使用 fundebug.test()方法可以用于测试 Fundebug 插件. name: 错误名称,参数类型为字符串,默…

还有就是可以使用一些小程序的插件,比如wx-charts. 先来看一下网上对这个插件的评价: 目前在github上有1804颗星,使用的比较广泛. github地址:https://github.com/xiaolin3303/wx-charts.git: 支持图标类型 饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 area 雷达图 radar 使用方法 直接引入编译好的dist里面的js文件(二选一) 然后在需要使用的页面的js当中使用require引入即可:…

解决Echarts在微信小程序tab切换时的显示会出现位置移动问题 tab切换时,图表显示错乱 <canvas class="kcanvas" canvas-id="ringCanvas" hidden="{{currentTab == 1}}"></canvas> <view hidden="{{currentTab !== 1}}" id="one" class="…

第一步,创建一个页面和普通页面一样 第二不,在这个页面上进行对json配置, "component":true 第三不在需要插入的页面中进行设置 插入标签 <dialog id='dialog' title='我是标题' content='恭喜你,学会了小程序组件' cancelText='知道了' confirm='谢谢你' bind:cancelEvent="_cancelEvent" bind:confirmEvent="_confirmEve…

1/   wxml代码 <view class="timePick"> <picker mode="date" fields="month" value="{{timestamp}}" start="1999-01-01" end="2999-12-12" bindchange="datePickerBindchange"> {{dateVal…

近日做了一个项目需要用到日历插件,在网上找了一部分感觉跟项目不对口,所以就查考了其他的日历插件做了一个. 需求: 如图: 代码如下: index.wxml: <!--pages/pictruesign/pictrue.wxml--> <view class='gs_banner'> <image src='../../image/banner.jpg'></image> <view class='gs_continue'> <view>…

最近项目中使用到了日历,在网上找了一些参考,自己改改,先看效果图 wxml <view class="date"> <image class="direction" src="/images/icon/left.png" bindtap='minusMouth'/> <label>{{year}}年{{mouth}}月</label> <image class="direction&…