小程序模板網(wǎng)

微信小程序?qū)W習(xí)點(diǎn)滴《一》:如何獲取時間,頁面跳轉(zhuǎn),傳遞參數(shù) ... ...

發(fā)布時間:2018-03-20 12:05 所屬欄目:小程序開發(fā)教程

微信小程序雖然還在內(nèi)測,但是已經(jīng)火的不行.趕緊看看.記錄學(xué)習(xí)路上的點(diǎn)點(diǎn)滴滴

 
 
 
一:如何獲取時間:
 

獲取時間直接用 Date.now() 得到一串?dāng)?shù)字.如下圖:

獲取格式化的時間用 util.formatTime(new Date)

util是微信官方demo里面的提供的工具:如下代碼


							
  1. function formatTime(date) {
  2. var year = date.getFullYear()
  3. var month = date.getMonth() + 1
  4. var day = date.getDate()
  5. var hour = date.getHours()
  6. var minute = date.getMinutes()
  7. var second = date.getSeconds()
  8. return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
  9. }

獲取到時間如下:

 

二:頁面跳轉(zhuǎn),頁面之間傳遞參數(shù)

  

先上demo圖:

 

  

 

為了簡化邏輯,所以index.wxml里面只寫了兩個text.既然是跳轉(zhuǎn),那就還有其他頁面.

目錄如下:

三個頁面,但是代碼很簡單.直接上代碼


							
  1. <!--index.wxml-->
  2. <view class="btn-area">
  3. <navigator url="../navigator/navigator?title=我是navigate" >跳轉(zhuǎn)到新頁面</navigator>
  4. <navigator url="../redirect/redirect?title=我是redirect" redirect>在當(dāng)前頁打開</navigator>
  5. </view>

index.wxml中的URL就是跳轉(zhuǎn)的頁面路徑.上面代碼中就是navigator目錄下的navigator頁面,title是參數(shù). 

 

navigator下redirect屬性是值在當(dāng)前頁打開.如果不加redirect就是跳轉(zhuǎn)到新頁面.都可以攜帶參數(shù).


							
  1. <!--navigatort.wxml-->
  2. <view style="text-align:center"> {{title}} </view>

在navigatort.wxml中通過js代碼可以獲取到title,代碼如下.options.title


							
  1. //navigator.js
  2. Page({
  3. onLoad: function(options) {
  4. this.setData({
  5. title: options.title
  6. })
  7. }
  8. })
  9.  
  10. <!--redirect.wxml-->
  11. <view style="text-align:center"> {{title}} </view>
  12.  
  13. //redirect.js
  14. Page({
  15. onLoad: function(options) {
  16. this.setData({
  17. title: options.title
  18. })
  19. }
  20. })

 

最后上兩張?zhí)D(zhuǎn)后的圖.

1.跳轉(zhuǎn)到新頁面

2.在原來的頁面打開

有沒有發(fā)現(xiàn)一個細(xì)節(jié),在原來的頁面打開是不會出現(xiàn)返回按鈕的,而跳轉(zhuǎn)到新頁面后會出返回按鈕.

這是因?yàn)槲覍懥藘蓚€頁面.如果indexwxml不是一級頁面,這里都會出現(xiàn)返回按鈕.

當(dāng)然返回的結(jié)果是不一樣的:

1.跳轉(zhuǎn)到新頁面,返回是回到之前的頁面;

2.在原來頁面打開,返回是回到上一級頁面.



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://m.u-renovate.com/wxmini/doc/course/22759.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×