欢迎扫码查看最终效果:
笔者在最近的小程序项目开发过程中,碰到了公农历转换功能难以实现的问题,冲浪许久仍找不到解决方案,最后决定使用插件实现。
一、在微信公众平台(微信公众平台)登录小程序账号,进入小程序后台
1.点击设置 - 第三方设置 - 插件管理 - 添加插件
2.搜索 公历农历日期选择控件
3.等待插件开发者确认
二、在微信开发者工具里导入插件,更详细的可参考插件开发文档
1.在app.json中添加声明
{
"plugins": {
"datePicker": {
"version": "1.0.0",
"provider": "wx27b91ce4d9d796e6"
}
}
}
2.在需要引入该插件的页面的json 配置中加入
{
"usingComponents": {
"date-picker": "plugin://datePicker/datePicker"
}
}
3.在需要引入该插件的页面的wxml中使用
<date-picker
date-picker-mode="{{ datePickerMode }}"
is-solar-type="{{ isSolarType }}"
show-weekday="{{ showWeekday }}"
picker-position="{{ pickerPosition }}"
show-lunar-btn="{{ showLunarBtn }}"
bind:dateSelectConfirm="confirm"
bind:dateSelectCancel="cancel"
bind:triggerLunar="changeSolar"
confirm_btn='confirm_style'
cancel_btn='cancel_style' />
三、参考属性接口文档进行最终调试
其中,
confirm_btn
支持设置组件内 确定按钮 样式,设置值应该与class类名相同
cancel_btn
支持设置组件内 取消按钮 样式,设置值应该与class类名相同
最终效果:
欢迎扫码查看最终效果: