服務項目
品牌網站建設

數字營銷

係統平台開發

數字產品

安全運維

Menu
官网开云
官网开云
微信小程序學習點滴《一》:如何獲取時間,頁麵跳轉,傳遞參數 ... ...
時間:2016-10-17 12:18:00
一:如何獲取時間:

獲取時間直接用 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. }

獲取到時間如下:


二:頁麵跳轉,頁麵之間傳(chuan) 遞參數

  

先上demo圖:


  


為(wei) 了簡化邏輯,所以index.wxml裏麵隻寫(xie) 了兩(liang) 個(ge) text.既然是跳轉,那就還有其他頁麵.

目錄如下:

三個(ge) 頁麵,但是代碼很簡單.直接上代碼

  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. <!--redirect.wxml-->
  10. <view style="text-align:center"> {{title}} </view>
  11. //redirect.js
  12. Page({
  13. onLoad: function(options) {
  14. this.setData({
  15. title: options.title
  16. })
  17. }
  18. })


最後上兩(liang) 張跳轉後的圖.

1.跳轉到新頁麵


2.在原來的頁麵打開


有沒有發現一個(ge) 細節,在原來的頁麵打開是不會(hui) 出現返回按鈕的,而跳轉到新頁麵後會(hui) 出返回按鈕.

這是因為(wei) 我寫(xie) 了兩(liang) 個(ge) 頁麵.如果indexwxml不是一級頁麵,這裏都會(hui) 出現返回按鈕.

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

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

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


Kaiyun体育官方全站入口服務SERVICE
谘詢
微信掃碼谘詢
電話谘詢
400-888-9358