moment.js（js date）日期格式化中文

来源：互联网发布：ubuntu登录密码忘记了编辑：程序博客网时间：2024/05/19 23:17

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>moment.js（js date）日期格式化中文</title>

<script type="text/javascript" src="moment.js"></script>
<script>
var getId = function(id){ return document.getElementById(id) }
</script>
<style>
body,a{ font-size:14px; color:#666;}
ul,li{ margin:0; padding:0; list-style:none}
dl,dd{margin-left: 0}
</style>
</head>

<body style="padding: 50px;">
<h1>moment.js中文api</h1>
<div class="demobox">
<dl class="demo">
<dt class="h3">当前日期格式化</dt>
<dd class="html">
moment().format('MMMM Do YYYY, h:mm:ss a');
moment().format('dddd');
moment().format("MMM Do YY");
moment().format('YYYY [escaped] YYYY');
moment().format();
---------------------------------------------------
moment().format('YYYY-MM-DD');
moment().format('YYYY-MM-DD h:mm:ss a');
<script>
getId("d1").innerHTML = " -> "+moment().format('MMMM Do YYYY, h:mm:ss a');
getId("d2").innerHTML = " -> "+moment().format('dddd');
getId("d3").innerHTML = " -> "+moment().format("MMM Do YY");
getId("d4").innerHTML = " -> "+moment().format('YYYY [escaped] YYYY');
getId("d5").innerHTML = " -> "+moment().format();
getId("d6").innerHTML = " -> "+moment().format('YYYY-MM-DD');
getId("d7").innerHTML = " -> "+moment().format('YYYY-MM-DD hh:mm:ss a');
</script>
</dd>
</dl>

<dl class="demo">
<dt class="h3">指定日期格式化</dt>
<dd class="html">
moment("20111031", "YYYYMMDD").fromNow();
moment("20120620", "YYYYMMDD").fromNow();
moment().startOf('day').fromNow();
moment().endOf('day').fromNow();
moment().startOf('hour').fromNow();
<script>
getId("d01").innerHTML = " -> "+moment("20111031", "YYYYMMDD").fromNow();
getId("d02").innerHTML = " -> "+moment("20120620", "YYYYMMDD").fromNow();
getId("d03").innerHTML = " -> "+moment().startOf('day').fromNow();
getId("d04").innerHTML = " -> "+moment().endOf('day').fromNow();
getId("d05").innerHTML = " -> "+moment().startOf('hour').fromNow();
</script>
</dd>
</dl>
<dl class="demo">
<dt class="h3">当前日期向前或者向后推的日期格式化</dt>
<dd class="html">
moment().subtract(10, 'days').calendar();
moment().subtract(6, 'days').calendar();
moment().subtract(3, 'days').calendar();
moment().subtract(1, 'days').calendar();
moment().calendar();
moment().add(1, 'days').calendar();
moment().add(3, 'days').calendar();
moment().add(10, 'days').calendar();
<script>
getId("d001").innerHTML = " -> "+moment().subtract(10, 'days').calendar();
getId("d002").innerHTML = " -> "+moment().subtract(6, 'days').calendar();
getId("d003").innerHTML = " -> "+moment().subtract(3, 'days').calendar();
getId("d004").innerHTML = " -> "+moment().subtract(1, 'days').calendar();
getId("d005").innerHTML = " -> "+moment().calendar();
getId("d006").innerHTML = " -> "+moment().add(1, 'days').calendar();
getId("d007").innerHTML = " -> "+moment().add(3, 'days').calendar();
getId("d008").innerHTML = " -> "+moment().add(10, 'days').calendar();
</script>
</dd>
</dl>
<dl class="demo">
<dt class="h3">也可以使用下面方式日期格式化</dt>
<dd class="html">
moment().format('L');
moment().format('l');
moment().format('LL');
moment().format('ll');
moment().format('LLL');
moment().format('lll');
moment().format('LLLL');
moment().format('llll');
<script>
getId("d0001").innerHTML = " -> "+moment().format('L');
getId("d0002").innerHTML = " -> "+moment().format('l');
getId("d0003").innerHTML = " -> "+moment().format('LL');
getId("d0004").innerHTML = " -> "+moment().format('ll');
getId("d0005").innerHTML = " -> "+moment().format('LLL');
getId("d0006").innerHTML = " -> "+moment().format('lll');
getId("d0007").innerHTML = " -> "+moment().format('LLLL');
getId("d0008").innerHTML = " -> "+moment().format('llll');
</script>
</dd>
</dl>
</div>

</body>

===============

0 0