Momentjs-add
MomentJS-追加
このメソッドでは、momentオブジェクトに日、時間、年、時間、秒などを追加できます。
構文
moment().add(Number, String);
moment().add(Object);
moment().add(Duration);addメソッドを使用して、数、時間、日などを追加できます。
次の表に、addメソッドで使用できるキー/速記のリストを示します。
| Key | Shorthand |
|---|---|
| years | y |
| quarters | Q |
| months | M |
| weeks | w |
| days | d |
| hours | h |
| minutes | m |
| seconds | s |
| milliseconds | ms |
次のように、addメソッド内でキーまたは略記ユニットを使用できます-
例
moment.add(5, 'days'); or moment.add(5, 'd');addメソッドを使用して現在の日付に日を追加することを示す実用的な例を見てみましょう。
例
<html>
<head>
<title>MomentJS - ADD Method</title>
<scrip type="text/JavaScript" src="https://MomentJS.com/downloads/moment.js"></script>
<style>
div { border: solid 1px #ccc;
padding:10px;
font-family: "Segoe UI",Arial,sans-serif;
width: 75%;
}
</style>
</head>
<body>
<h1>MomentJS - Add Method</h1>
<div style="font-size:25px" id="currentdate"></div>
<br/>
<br/>
<div style="font-size:25px" id="changeddate"></div>
<script type="text/JavaScript">
var day = moment();//outputs current date.
document.getElementById("currentdate").innerHTML = "Current Date: " + day._d;
var changeddate = moment().add(5, 'days');//adding 5 days to current date.
document.getElementById("changeddate").innerHTML = "Output after adding 5 days: " + changeddate._d;
</script>
</body>
</html>出力
上記のコードは、現在の日付とそれに5日を追加した後の日付を表示することに注意してください。
また、次のように追加メソッドで*キー*を使用することができます-
var changeddate = moment().add(5, 'days');//adding 5 days to current date.例
指定された日付に5時間を追加する例を見てみましょう-
var changeddate = moment([2017, 2, 31]).add(5, 'hours');出力
日付に複数の追加が必要な場合は、addメソッドチェーンまたはオブジェクトリテラルを使用して追加できます。
連鎖を使用したメソッドの追加
現在の日付に日と月を追加することを検討してください。 以下の例に示すように、メソッドチェーンを使用して行うことができます-
例
var changeddate = moment().add(5, 'days').add(2, 'months');.出力
現在の日付に日と月を追加するには、次のようにメソッドチェーンを使用することができます-
var changeddate = moment().add(5, 'days').add(2, 'months');.また、以下に示すコードに示すようにキーを使用することができます-
var changeddate = moment().add(5, 'd').add(2, 'M');オブジェクトを使用してメソッドを追加
この手法を使用すると、オブジェクトリテラルを使用して、現在の日付に複数のキーを追加できます。
例
var changeddate = moment().add({ days: 5, months: 2 });出力
オブジェクトメソッドは次のように使用されます-
var changeddate = moment().add({ days: 5, months: 2 });また、次のようにオブジェクト形式でキーを使用することができます-
var changeddate = moment().add({ d: 5, M: 2 });場合には、特定の日付に日または月を追加する必要があります、同じことが以下に示すように行うことができます
例
var changeddate = moment([2014, 10, 10]).add({ d: 5, M: 2 });出力
2014年10月1日の日付に5日2か月を追加し、15/01/2015として出力します。
Addメソッドへの期間の追加
期間メソッドを使用して、日、月、年、時間などを追加することもできます。 指定された日付まで。
期間を使用して特定の日付に5週間を追加する方法を示す次の例を確認してください-
例
var duration = moment.duration({ 'weeks': 5 });
var changeddate = moment([2012, 0, 31]).add(duration);私たちは31/01/2012に5週間を追加しているので、出力は次のとおりであることに注意してください-
出力
月と年の特別な場合
日付が追加された月よりも大きい日付に月を追加しようとしている場合、日付に追加された月の最後の日がかかります。
例
var changeddate = moment([2017, 0, 31]).add(1, 'months');上記の例では、2017年1月31日に1か月を追加していますが、2月には28日があり、2月の最終日を取り、以下に示すように日付を表示します-
