js date 格式化
以這個(gè)為例: yyyy-MM-dd HH:mm:ss
首先得寫好你需要的模板
options.sign = options.sign || 'yyyy-MM-dd HH:mm:ss';
其次就可以調(diào)用日期函數(shù)了(這里的月一定要+1,因?yàn)槟J(rèn)是從0開始的)
var d = new Date(); var year = d.getFullYear(); var month = d.getMonth()+1; var day = d.getDate(); var hours = d.getHours(); var minutes = d.getMinutes(); var second = d.getSeconds();
然后把得到的日期與模板結(jié)合起來,就大功告成了,(這里用到了replace 把模板里的日期給替換掉)
var result = options.sign; result = result.replace('yyyy', year); result = result.replace('MM', month); result = result.replace('dd', day); result = result.replace('HH', hours); result = result.replace('mm', minutes); result = result.replace('ss', second); return result;
其實(shí)寫完可以自己優(yōu)化一下,自己好好想想,比如:2017-2-1 9:2:8 --> 2017-02-01 09:02:08 等。
這樣自己可以寫一個(gè)函數(shù)來過濾一下:這就用到一些小知識點(diǎn),比如三目運(yùn)算符,有時(shí)候會幫大忙,所以基礎(chǔ)還是要打好的。
var _complete = function(n){ return (n>9) ? n : '0' + n; }
函數(shù)簡單的封裝好了。怎么用呢,看下面的代碼,很簡單,比如獲取hours的時(shí)候。過濾一遍就好啦。
var hours = _complete(d.getHours());
下面附上全部代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>日期時(shí)間</title> </head> <body> </body> </html> <script type="text/javascript"> //yyyy-MM-dd var getDateFormat = function(options){ options = options || {}; options.sign = options.sign || 'yyyy-MM-dd HH:mm:ss'; var _complete = function(n){ return (n>9) ? n : '0' + n; } var d = new Date(); var year = d.getFullYear(); var month = _complete(d.getMonth()+1); var day = _complete(d.getDate()); var hours = _complete(d.getHours()); var minutes = _complete(d.getMinutes()); var second = _complete(d.getSeconds()); var result = options.sign; result = result.replace('yyyy', year); result = result.replace('MM', month); result = result.replace('dd', day); result = result.replace('HH', hours); result = result.replace('mm', minutes); result = result.replace('ss', second); return result; } console.log(getDateFormat()); </script>
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
- JS控件bootstrap datepicker使用方法詳解
- 詳解vuelidate 對于vueJs2.0的驗(yàn)證解決方案
- Angularjs中使用layDate日期控件示例
- laydate.js日期時(shí)間選擇插件
- JS中使用new Date(str)創(chuàng)建時(shí)間對象不兼容firefox和ie的解決方法(兩種)
- AngularJs中Bootstrap3 datetimepicker使用實(shí)例
- JS IOS/iPhone的Safari瀏覽器不兼容Javascript中的Date()問題如何解決
- JavaScript之Date_動力節(jié)點(diǎn)Java學(xué)院整理
相關(guān)文章
Javascript中克隆一個(gè)數(shù)組的實(shí)現(xiàn)代碼
這篇文章主要是對在Javascript中克隆一個(gè)數(shù)組的實(shí)現(xiàn)代碼進(jìn)行了介紹。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12uni-app實(shí)現(xiàn)點(diǎn)贊評論功能
這篇文章主要介紹了uni-app實(shí)現(xiàn)點(diǎn)贊評論功能,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11JS實(shí)現(xiàn)超簡單的鼠標(biāo)拖動效果
這篇文章主要介紹了JS實(shí)現(xiàn)超簡單的鼠標(biāo)拖動效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11