您好,登錄后才能下訂單哦!
這篇文章主要介紹了微信小程序日歷插件代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
1.wxml代碼
<view class="timePick"> <picker mode="date" fields="month" value="{{timestamp}}" start="1999-01-01" end="2999-12-12" bindchange="datePickerBindchange"> {{dateValue}} </picker> </view>
2.js
data: { searchDate:"", timestamp:"" }, onLoad: function(options) { //日歷默認值設置 this.timestamp=new Date().getTime() }, datePickerBindchange:function(e){ let date = e.detail.value+'-01 00:00:00.0'; date = date.substring(0,19); // date = date.replace(/-/g,'/'); let timestamp = new Date(date).getTime(); //插件再次打開時日期 let picktime=e.detail.value let timeString=picktime.replace(/-/g,'年')+'月'; // this.setData({ // dateValue:e.detail.value // }) this.setData({ searchDate:date, // searchDate:picktime, dateValue:timeString, //1019年12月 timestamp:picktime, }) }
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。