You have a calendar component.
You want to use it in courses, so you set it up like this:
courses.json
|
1 2 3 4 5 |
{ "usingComponents": { "calendar": "../../components/calendar/calendar" } } |
courses.wxml
|
1 2 3 4 5 6 7 |
<!--pages/courses/courses.wxml--> <calendar maxDate="{{maxDate}}" spot="{{spot}}" bind:dateChange="dateChange"></calendar> <view class="container"> <view class="date-string">当前选中的日期是：{{dateString}}</view> <button type="primary" bindtap="bindViewTap">进入播放</button> </view> |
courses.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
const dayjs = require("../../components/calendar/dayjs") // pages/courses/courses.js Page({ /** * 页面的初始数据 */ data: { maxDate:dayjs().format('YYYY-MM-DD'), dateString:dayjs().format('YYYY-MM-DD') }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { console.log(this.data.maxDate) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady() { }, dateChange(e){ this.setData({ dateString: e.detail.dateString }) }, /** * 生命周期函数--监听页面显示 */ onShow() { }, /** * 生命周期函数--监听页面隐藏 */ onHide() { }, /** * 生命周期函数--监听页面卸载 */ onUnload() { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh() { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom() { }, /** * 用户点击右上角分享 */ onShareAppMessage() { }, //事件处理函数 bindViewTap: function () { wx.navigateTo({ url: '../recorder/recorder' }) }, }) |