1. 程式人生 > >【vuejs】vuejs中使用moment.js處理時間

【vuejs】vuejs中使用moment.js處理時間

在上一篇文中,我寫到我需要得到當前時間到第二天指定時間的秒數。一開始不知道怎樣簡單的計算,只會使用比較笨的辦法。後來在群裡問了大神,他告訴我可以使用moment.js,一個專門處理時間的類庫。

vue的話,在moment.js的官網裡,是給了安裝方法的

npm install moment --save   

然後再入口檔案 main.js中匯入並使用

import moment from 'moment'//匯入檔案

Vue.prototype.$moment = moment;//賦值使用

這個時候,在專案就可以this.$moment來使用moment的一系列方法了。比如說,格式化時間

this.$moment().format('MMMM Do YYYY, h:mm:ss a'); // 七月 17日 2018, 10:47:33 晚上
this.$moment().format('dddd');                    // 星期二
this.$moment().format("MMM Do YY");               // 7月 17日 18
this.$moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
this.$moment().format(); 

時間的加減乘除:

加:this
.$moment().add(number,"days");//加number天,後面的day可以換成相應的小時等等 減:this.$moment().subtract(number,"days")//減number天,同上

……未完待續

相關推薦

vuejsvuejs使用moment.js處理時間

在上一篇文中,我寫到我需要得到當前時間到第二天指定時間的秒數。一開始不知道怎樣簡單的計算,只會使用比較笨的辦法。後來在群裡問了大神,他告訴我可以使用moment.js,一個專門處理時間的類庫。 vue的話,在moment.js的官網裡,是給了安裝方法的

ES6vueSwipe外掛處理資料應用於輪播分頁

JSON資料: category_list_res: [ { name: '美食', url: 'http://p1.meituan.net/jungle/bd3ea637aeaa2fb612

angularangualr實現js跳轉路由

1.引入 import{Router}from'@angular/router';        2.初始化 exportclassHomeComponentimplementsOnInit{

DjangoDjangodatetime的處理(strftime/strptime)

strftime<將date,datetime,timezone.now()型別處理轉化為字串型別>   strftime()函式是用來格式化一個日期、日期時間和時間的函式,支援date、datetime、time等類,把這些時間通過格式字元

Flask 使用Flask-Moment進行日期時間的管理

構造方法 turn 一個 間距 res 默認 所在地 調用 block Flask-Moment   Flask-Moment又是一個flask的擴展模塊,用來處理時間日期等信息。用這個模塊主要是考慮到兩點,第一是為了讓不同時區的用戶看到的都是各自時區的實際時間,而不是服

筆記HybridApp使用Promise化的JS-Bridge

fine 獲取 nbsp ted reat AS all turn 方法 背景: HybridApp,前端采用JS-bridge的方式調用Native的接口,如獲取設備信息、拍照、人臉識別等 前端封裝了調用庫,每次調用Native接口,需要進行兩步操作(1、在window

轉載工作遇到的js問題以及問題的解決方案

height 方案 線程 rap NPU click 創建 chan 包括 Js執行機制,主線程,和隊列任務: // 無論js中有多少代碼,最終都是要通過js引擎去執行 // 異步代碼都是瀏覽器引擎去控制的,(定時器計時,和ajax請求,都是由瀏覽器引擎控制的)也就

第9天Java字串的處理

1 String類的初始化、與StringBuffer類和StringBuilder類三者的區別 1.1 String類的初始化兩種方式 1.2 String類、StringBuffer類和StringBuilder類三者的區別

vuevuejs入門(一)

###vue物件的屬性 new Vue({ el:'#app', data:{ msg:'', mag:'呵呵呵', mnb:[ {title:'啊

新書推薦2018.01電子戰的訊號處理

【2018.01】電子戰中的訊號處理Electronic warfare signal processing,共300頁。 如果需要電子版,請聯絡QQ:3042075372。 本書由電子戰領域的著名專家撰寫,這本權威性的著述討論了反艦導彈(ASM)的電子防護(EP),旨在針對中

js 劍指offer1陣列重複的數字

題目描述: 在一個長度為n的數組裡的所有數字都在0到n-1的範圍內。 陣列中某些數字是重複的,但不知道有幾個數字是重複的。也不知道每個數字重複幾次。請找出陣列中任意一個重複的數字。 例如,如果輸入長度為7的陣列{2,3,1,0,2,5,3},那麼對應的輸出是第一個重複的數

JAVA異常分類以及異常處理方法之間的區別以及聯絡

異常在日長開發中就像看見地鐵裡邊的人頭一樣的,放眼望去,齊刷刷的一片,各種異常。分佈範圍比較廣泛,很多人看到異常,就這表情 JAVA中異常: NullPointerException 空指標異常

2018.05.11python3.6+selenium JS處理滾動條,聚焦元素

execute_script(),可以直接執行js的指令碼 --scrollHeight 獲取物件的滾動高度。 --scrollLeft 設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離。 --scrollTop 設定或獲取位於物

JavaScriptajax請求的資料返回時間戳使用js處理方案

author:咔咔 wechat:fangkangfk   方法: function formatDate(now) {   var year = now.getFullYear(),   month = now.getMonth() + 1,   

pythonpytorch如何使用DataLoader對資料集進行批處理

第一步: 我們要建立torch能夠識別的資料集型別(pytorch中也有很多現成的資料集型別,以後再說)。 首先我們建立兩個向量X和Y,一個作為輸入的資料,一個作為正確的結果:      隨後我們需要把X和Y組成一個完整的資料集,並轉化為pytorch能

VueJSVueJS--動態元件 & 非同步元件

我們之前曾經在一個多標籤的介面中使用 is 特性來切換不同的元件: <component v-bind:is="currentTabComponent"></component> 當在這些元件之間切換的時候,你有時會想保持這

JAVA學習——JAVA異常及其處理

        首先在瞭解異常的概念之前,需要了解一下異常和普通問題:對於普通的問題在編譯上是語法錯誤,而相較之異常則是在執行時邏輯產生的錯誤,往往產生異常。當然這是表面的理解。         普通問題是指:在當前環境下不能得到足夠的資訊,比如語法錯誤,此時錯誤將會向外傳

.Net碼農.NET執行js指令碼的方法

一、後臺註冊js指令碼 在專案開發中,遇到了問題,當使用了UpdatePanel控制元件後,直接在後臺輸出js指令碼報錯了。 大家都知道向客戶端輸出內容的方式很多,而大多數初學者會使用Respone.Write(string)。比如: 以下是程式碼片段:

androidandroid使用commons-codec框架處理各種加密解密

在java中有一個框架叫commons-codec框架,它是由apache出品的開源專案之一,其中集成了大量的解密加密工具類,是一個強大的解密加密工具包,其中包括常用的md5,des,base64,u

PLSQLPLSQL復合數據類型

next 存儲 int 微軟 sel acl 遊標 復合 lec 1,常見的操作數據庫的技術有那些 jdbc 使用java 訪問數據庫的技術 PLSQL (procedure 過程化sql) 在數據庫內部操作數據的技術 proc/c++