微信小程式picker view自定義日期時間等

2022-09-17 01:42:09 字數 2300 閱讀 6456

picker-view 可以自定義地區時間什麼的,其實主要是可以修改樣式啦。

<

view

class

='login-user

border-none' bindtap

='data_click'

>

<

view

class

='user-t'

>生日

view

>

<

view

class

='user-i'

>

<

input

placeholder

="請輸入生日"

disabled value

='}'

/>

view

>

<

view

class

='header-jian'

>

<

image

src='../../img/jiantou.png'

>

image

>

view

>

view

>

css自己除錯

.container .top-menu .state-menu .hidden.state-menu .show.state-menu .dialog-mask .state-item .border.state-item .date .date-btn .picker-view .picker-item .picker-h .riqi-q .time-text .time-title .input.input:empty::before.p_name.p_n_i

var

animation

//時間

const date = new

date()

const years =

const months =

const days =

for (let i = 1990; i <= date.getfullyear(); i++)

for (let i = 1; i <= 12; i++)

else

months.push(k)

}for (let i = 1; i <= 31; i++)

else

days.push(k)

}page(,

data_animationaddress: {},

data_addressshow:

false

, years: years,

year: date.getfullyear(),

months: months,

month: 2,

days: days,

day: 2,

value: [9999, 1, 1]

},onload:

function

() )

this.animation =animation;

},bindchange:

function

(e) )

},//

執行動畫

startanimation: function

(isshow, offset)

else

this

.animation.translatey(offset).step()

this

.setdata()

console.log(that.data)

},//

時間 data_click: function

(e)

that.start_data_addressanimation(

true

) },

//執行動畫

start_data_addressanimation: function

(isshow)

else

that.setdata()

},//

時間 confirm: function

(e) -$-$`

that.setdata()

},data_hide:

function

(e) ,

寫的特別亂!別介意

微信小程式的時間控制項picker view

在原來基礎上改了點,由於專案需要按照功能需求自己在原有的元件上改寫的選擇日期時間外掛程式,但後來這個功能取消,所以整理下寫下來 確定 年月日時 分 wxss time title picker text mask time screens js const date new date const y...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...