网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

微信小程序學習點滴《一》:如何獲取時間,頁面跳轉,傳遞參數 ... ...

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

微信小程序雖然還在內測,但是已經火的不行.趕緊看看.記錄學習路上的點點滴滴

 
 
 
一:如何獲取時間:
 

獲取時間直接用 Date.now() 得到一串數字.如下圖:

獲取格式化的時間用 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. }

獲取到時間如下:

 

二:頁面跳轉,頁面之間傳遞參數

  

先上demo圖:

 

  

 

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

目錄如下:

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


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

index.wxml中的URL就是跳轉的頁面路徑.上面代碼中就是navigator目錄下的navigator頁面,title是參數. 

 

navigator下redirect屬性是值在當前頁打開.如果不加redirect就是跳轉到新頁面.都可以攜帶參數.


							
  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. })

 

最后上兩張跳轉后的圖.

1.跳轉到新頁面

2.在原來的頁面打開

有沒有發現一個細節,在原來的頁面打開是不會出現返回按鈕的,而跳轉到新頁面后會出返回按鈕.

這是因為我寫了兩個頁面.如果indexwxml不是一級頁面,這里都會出現返回按鈕.

當然返回的結果是不一樣的:

1.跳轉到新頁面,返回是回到之前的頁面;

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



易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/22759.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×