Skip to content
小程序日期选择器(支持农历)
JavaScript
Branch: master
Clone or download
Latest commit fb8aac0 Mar 1, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs Update README.md Feb 28, 2019
src Refactoring Feb 28, 2019
test Refactoring Feb 28, 2019
tools Refactoring Feb 28, 2019
.babelrc Initial miniprogram Sep 14, 2018
.eslintrc.js Initial miniprogram Sep 14, 2018
.gitignore Initial miniprogram Sep 14, 2018
.npmignore Initial miniprogram Sep 14, 2018
.travis.yml Fix build Feb 28, 2019
LICENSE Refactoring Feb 28, 2019
README.md Add application case Mar 1, 2019
gulpfile.js Refactoring Feb 28, 2019
package.json 0.3.0 Feb 28, 2019

README.md

npm Travis Status Codecov GitHub

miniprogram-datepicker

小程序日期选择器,使用小程序原生picker,支持农历。

使用此组件需要依赖小程序基础库 2.2.1 以上版本,同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档

使用效果

Screenshot

使用方法

  1. 安装 datepicker
npm install --save miniprogram-datepicker
  1. 在需要使用 datepicker 的页面 page.json 中添加 datepicker 自定义组件配置
{
  "usingComponents": {
    "datepicker": "miniprogram-datepicker"
  }
}
  1. WXML 文件中引用 datepicker

datepicker 提供<slot>节点,用于承载组件引用时提供的子节点。

<datepicker value="{{solar}}" bindchange="bindSolarChange">
    <button type="default">公历</button>
</datepicker>
<datepicker value="{{lunar}}" chinese="{{true}}" bindchange="bindLunarChange">
    <button type="default" class="weui-btn">农历</button>
</datepicker>

datepicker的属性介绍如下:

属性名 类型 默认值 说明
value String '' 表示选中的日期,格式为"YYYY-MM-DD"
chinese Boolean false 是否农历
bindchange EventHandle value 改变时触发 change 事件,event.detail = {value: value}

应用案例

You can’t perform that action at this time.