zoukankan      html  css  js  c++  java
  • 微信小程序:日期组件picker的使用

    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}}"/>
  • 相关阅读:
    ES6之模块化
    ES6之展开运算符
    ES6之解构赋值
    ES6之对象的语法糖
    ES6之函数的语法糖
    ES6之模板字符串
    Exchanger详解
    DNS解析过程
    CyclicBarrier详解
    ConuntDownLatch详解
  • 原文地址:https://www.cnblogs.com/zwh0910/p/14026187.html
Copyright © 2011-2022 走看看