微信小程序：日期组件picker的使用

时间：2020-11-27 10:51:33 收藏：0 阅读：25

1、页面代码

<view class="right">
    <picker mode="date" value="{{material.planToDate}}" bindchange="changeDate">
        <input placeholder="请输入到货截止时间" name="planToDate" value="{{material.planToDate}}"/>
    </picker>
</view>

在页面选择一个日期后，先是传给picker标签的value属性，属性值发生变化就触发bindchange事件，

2、在js文件中写changeDate函数，该函数将你选择的日期值赋值个material对象

changeDate(e) {
        this.setData({
            ‘material.planToDate‘: e.detail.value
        });
    },

3、最后将material对象中的属性planToDate属性回显到页面

<input placeholder="请输入到货截止时间" name="planToDate" value="{{material.planToDate}}"/>