uniapp獲取當前時間

一、利用JavaScript獲取當前時間

在uniapp中，我們可以使用JavaScript來獲取當前時間。具體來說，可以通過調用Date對象的相應屬性來實現。例如，以下代碼片段可以獲取當前的年份、月份、日期、小時、分鐘以及秒鐘:

    const date = new Date();
    const year = date.getFullYear();
    const month = date.getMonth() + 1;
    const day = date.getDate();
    const hours = date.getHours();
    const minutes = date.getMinutes();
    const seconds = date.getSeconds();

上述代碼中，我們首先定義了一個Date對象，然後通過調用該對象的各個屬性來獲取當前時間的各個部分。注意，其中月份是從0開始計數的，因此需要加上1。

二、將時間格式化為字符串

在實際應用中，我們通常需要將獲取到的時間格式化為一個字符串，以便於顯示。這可以通過JavaScript的字符串拼接來實現。例如，以下代碼可以將時間格式化為”YYYY-MM-DD HH:mm:ss”的字符串：

    const formatNumber = n => {
      n = n.toString()
      return n[1] ? n : '0' + n
    }
    const date = new Date();
    const year = date.getFullYear();
    const month = date.getMonth() + 1;
    const day = date.getDate();
    const hours = date.getHours();
    const minutes = date.getMinutes();
    const seconds = date.getSeconds();
    const formattedTime = `${year}-${formatNumber(month)}-${formatNumber(day)} ${formatNumber(hours)}:${formatNumber(minutes)}:${formatNumber(seconds)}`;

在上述代碼中，我們首先定義了一個formatNumber函數，用於將數字格式化為兩位數的字符串。然後我們獲取各個時間部分並進行相應的格式化，最後將它們拼接起來形成一個字符串。

三、在uniapp中顯示時間

最後，我們需要在uniapp中將獲取到的時間顯示出來。這可以通過在vue的模板中使用插值表達式來實現。例如：

    
      
        {{ time }}
      
    
    
    
    export default {
      data() {
        return {
          time: ''
        }
      },
      onShow() {
        const formatNumber = n => {
          n = n.toString()
          return n[1] ? n : '0' + n
        }
        const date = new Date();
        const year = date.getFullYear();
        const month = date.getMonth() + 1;
        const day = date.getDate();
        const hours = date.getHours();
        const minutes = date.getMinutes();
        const seconds = date.getSeconds();
        const formattedTime = `${year}-${formatNumber(month)}-${formatNumber(day)} ${formatNumber(hours)}:${formatNumber(minutes)}:${formatNumber(seconds)}`;
        this.time = formattedTime;
      }
    }
    

在上述代碼中，我們首先在模板中使用了插值表達式來顯示時間。然後在組件的data中定義了一個time屬性，用於存儲時間字符串。在onShow生命周期函數中，我們獲取當前時間並格式化為字符串，最後將其賦值給time屬性。這樣在頁面渲染時，插值表達式就會自動更新為最新的時間字符串。