js 實現(xiàn)時間格式化

js 實現(xiàn)時間格式化

  • 1.導(dǎo)入js包

    <script type="text/javascript" src="formate.js"></script>
    <script type="text/javascript" src="moment.min.js"></script>
    
    
  • 2.js中用法

    • 1.moment(需要格式的時間字符串).format('YYYY-MM-DD hh:mm')

    • 2.格式化年月日: 'xxxx年xx月xx日'
      moment().format('YYYY年MM月DD日')

    • 3.格式化年月日: 'xxxx-xx-xx'
      moment().format('YYYY-MM-DD')

    • 4.格式化時分秒(24小時制): 'xx時xx分xx秒'

      moment().format('HH時mm分ss秒')

    • 5.格式化時分秒(12小時制):'xx:xx:xx am/pm'

      moment().format('hh:mm:ss a')
      
    • 6.格式化時間戳(以秒為單位)
      moment().format('X') // 返回值為字符串類型

    • 7.格式化時間戳(以毫秒為單位)
      moment().format('x') // 返回值為字符串類型

    • 8.比較時間 Difference

      moment().diff(Moment|String|Number|Date|Array)

    • 9.獲取兩個日期之間的時間差

    let start_date = moment().subtract(1, 'weeks')

    et end_date = moment()
    >
    >end_date.diff(start_date) // 返回毫秒數(shù)
    > >
    > > >end_date.diff(start_date, 'months') // 0
    > > > >end_date.diff(start_date, 'weeks') // 1
    > > > > >end_date.diff(start_date, 'days') // 7
    > > > > >
    > > > > > >start_date.diff(end_date, 'days') // -7

  • 10.轉(zhuǎn)化為JavaScript原生Date對象

     >  moment().toDate()
     >   new Date(moment())
    
  • 11.將Moment時間轉(zhuǎn)換為JavaScript原生Date對象

     > let m = moment()
         >   let nativeDate1 = m.toDate()
     >   let nativeDate2 = new Date(m)
     >
     >  **String(nativeDate1) === String(nativeDate2) // true**
     >
    
  • 12.Start of Time

    moment().startOf(String)
    >

    獲取今天0時0分0秒

    moment().startOf('day')

      獲取本周第一天(周日)0時0分0秒
          >        moment().startOf('week')
          >           >
          >           >   >       獲取本周周一0時0分0秒
          >           >   >           >        moment().startOf('isoWeek')
          >           >   >           >           >
          >           >   >           >           >   >       獲取當前月第一天0時0分0秒
          >           >   >           >           >   >
          >           >   >           >           >   >           >     moment().startOf('month')
    
  • 13.End of Time
> moment().endOf(String)
>       >
>   >        獲取今天23時59分59秒
>   >           >        moment().endOf('day')
>   >           >           >
>   >           >           >   >       獲取本周最后一天(周六)23時59分59秒
>   >           >           >   >           >       moment().endOf('week')
>   >           >           >   >           >           >
>   >           >           >   >           >           >   >       獲取本周周日23時59分59秒
>   >           >           >   >           >           >   >           >   moment().endOf('isoWeek')
>   >           >           >   >           >           >   >           >       >
>           >           >   >           >           >   >           >       >   >   獲取當前月最后一天23時59分59秒
      >           >   >           >           >   >           >       >   >
      >           >   >           >           >   >           >       >   >       >   moment().endOf('month')
  • 14.Days in Month
> moment().daysInMonth()
>       >
>   >   獲取當前月的總天數(shù)
>   >       >   moment().daysInMonth()
>   >       >       >
>   >       >       >       >   Timestamp
>   >       >       >       >       >   獲取時間戳(以秒為單位)
>   >       >       >       >       >       >
>   >       >       >       >       >       >       >   moment().format('X') // 返回值為字符串類型
>   >       >       >       >       >       >       >       >
>   >       >       >       >       >       >       >       >       >   moment().unix() // 返回值為數(shù)值型
>   >       >       >       >       >       >       >       >       >       >
>       >       >       >       >       >       >       >       >       >       >   獲取時間戳(以毫秒為單位)
  >       >       >       >       >       >       >       >       >       >       >   moment().format('x') // 返回值為字符串類型
  >       >       >       >       >       >       >       >       >       >       >
  >       >       >       >       >       >       >       >       >       >       >       >   moment().valueOf() // 返回值為數(shù)值型
  • 15.Get Time

    獲取年份
    > moment().year()

    moment().get('year')
    > 獲取月份
    > > moment().month() (0~11, 0: January, 11: December)
    > > > moment().get('month')
    > > > > 獲取一個月中的某一天
    > > > > > moment().date()
    > > > > > > moment().get('date')
    > > > > > > > 獲取一個星期中的某一天
    > > > > > > > > moment().day() (0~6, 0: Sunday, 6: Saturday)
    > > > > > > > > > moment().weekday() (0~6, 0: Sunday, 6: Saturday)
    > > > > > > > > > > moment().isoWeekday() (1~7, 1: Monday, 7: Sunday)
    > > > > > > > > > > > moment().get('day')
    > > > > > > > > > > > > mment().get('weekday')
    > > > > > > > > > > > > > moment().get('isoWeekday')
    > > > > > > > > > > > > > > 獲取小時
    > > > > > > > > > > > > > > > moment().hours()
    > > > > > > > > > > > > > > > > moment().get('hours')
    > > > > > > > > > > > > > > > > > 獲取分鐘
    > > > > > > > > > > > > > > > > > > moment().minutes()
    > > > > > > > > > > > > > > > > > > > moment().get('minutes')
    > > > > > > > > > > > > > > > > > > > > 獲取秒數(shù)
    > > > > > > > > > > > > > > > > > > > > > moment().seconds()
    > > > > > > > > > > > > > > > > > > > > > > moment().get('seconds')
    > > > > > > > > > > > > > > > > > > > > > > > 獲取當前的年月日時分秒
    > > > > > > > > > > > > > > > > > > > > > > > > moment().toArray() // [years, months, date, hours, minutes, seconds, milliseconds]
    > > > > > > > > > > > > > > > > > > > > > > > > > moment().toObject() // {years: xxxx, months: x, date: xx ...}
    > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置時間
    > > > > > > > > > > > > > > > > > > > > > > > > > > > Set Time
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().year(Number), moment().month(Number)...
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set(String, Int)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set(Object)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置年份
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().year(2019)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set('year', 2019)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set({year: 2019})
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置月份
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().month(11) (0~11, 0: January, 11: December)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set('month', 11)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置某個月中的某一天
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().date(15)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set('date', 15)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置某個星期中的某一天
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().weekday(0) // 設(shè)置日期為本周第一天(周日)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().isoWeekday(1) // 設(shè)置日期為本周周一
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set('weekday', 0)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set('isoWeekday', 1)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置小時
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().hours(12)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set('hours', 12)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置分鐘
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().minutes(30)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set('minutes', 30)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置秒數(shù)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().seconds(30)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().set('seconds', 30)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Add Time
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(Number, String)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(Object)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置年份
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(1, 'years')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add({years: 1})
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置月份
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(1, 'months')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置日期
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(1, 'days')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置星期
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(1, 'weeks')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置小時
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(1, 'hours')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置分鐘
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(1, 'minutes')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置秒數(shù)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().add(1, 'seconds')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Subtract Time
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(Number, String)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(Object)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置年份
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(1, 'years')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract({years: 1})
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置月份
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(1, 'months')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置日期
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(1, 'days')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置星期
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(1, 'weeks')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置小時
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(1, 'hours')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置分鐘
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(1, 'minutes')
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 設(shè)置秒數(shù)
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > moment().subtract(1, 'seconds')

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子良哲,更是在濱河造成了極大的恐慌揍拆,老刑警劉巖图贸,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件驰弄,死亡現(xiàn)場離奇詭異遮糖,居然都是意外死亡绣的,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門欲账,熙熙樓的掌柜王于貴愁眉苦臉地迎上來屡江,“玉大人,你說我怎么就攤上這事赛不〕图危” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵踢故,是天一觀的道長文黎。 經(jīng)常有香客問我,道長殿较,這世上最難降的妖魔是什么耸峭? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮淋纲,結(jié)果婚禮上劳闹,老公的妹妹穿的比我還像新娘。我一直安慰自己洽瞬,他們只是感情好本涕,可當我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著伙窃,像睡著了一般菩颖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上为障,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天晦闰,我揣著相機與錄音,去河邊找鬼产场。 笑死鹅髓,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的京景。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼骗奖,長吁一口氣:“原來是場噩夢啊……” “哼确徙!你這毒婦竟也來了醒串?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤鄙皇,失蹤者是張志新(化名)和其女友劉穎芜赌,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體伴逸,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡缠沈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了错蝴。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片洲愤。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖顷锰,靈堂內(nèi)的尸體忽然破棺而出柬赐,到底是詐尸還是另有隱情,我是刑警寧澤官紫,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布肛宋,位于F島的核電站,受9級特大地震影響束世,放射性物質(zhì)發(fā)生泄漏酝陈。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一毁涉、第九天 我趴在偏房一處隱蔽的房頂上張望后添。 院中可真熱鬧,春花似錦薪丁、人聲如沸遇西。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽粱檀。三九已至,卻和暖如春漫玄,著一層夾襖步出監(jiān)牢的瞬間茄蚯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工睦优, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留渗常,地道東北人。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓汗盘,卻偏偏與公主長得像皱碘,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子隐孽,可洞房花燭夜當晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容