这里面包涵了,小程序的时间选择组件,包括年
这里面包涵了,小程序的时间选择组件,包括年月日时分秒,年月日,年月,年四种类型,同时还有额外副篇,如何使用filter.wxs过滤器,进行时间类型格式相互转换
使用方式: 这里是components 组件
~1.first 在使用的文件的json 中,注入组件信息
"usingComponents": { "date-picker": "../../components/date-picker/date-picker", "month-picker": "../../components/month-picker/month-picker", "day-picker": "../../components/day-picker/day-picker" } 引入组件的地址
~2.second 在wxml 文件中,写入组件
~3.third 在js中data中默认参数,同时写入调用函数
data中 // 时间选择 choseDate: '请选择时间', datePickerValue: ['', '', ''], datePickerIsShow: false, // 月份选择 monthPickerValue: ['', ''], monthPickerIsShow: false, // 年选择 dayPickerValue: [''], dayPickerIsShow: false,
函数,只写一个案例,方法一样,只是函数名称和返回的timeText改变了
choseDatePicker: function (e) { this.setData({ datePickerIsShow: true, }); },
datePickerOnSureClick: function (e) {
this.setData({
timeText: ${e.detail.value[0]}年${e.detail.value[1]}月${e.detail.value[2]}日
,
datePickerValue: e.detail.value,
datePickerIsShow: false,
});
},
datePickerOnCancelClick: function (event) { this.setData({ datePickerIsShow: false, }); },
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。