微信小程序:日期組件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}}"/>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM