検索
ホームページCMS チュートリアル&#&プレスバニラ JavaScript: 日付から日数を加算または減算 (その他)

Vanilla JavaScript:从日期中添加或减去天数(以及更多)

最近のチュートリアルでは、Date オブジェクトの月、日、年、および時刻の値を取得および設定する方法を学びました。これらの日付値を取得および設定できる機能は、多くの状況で便利です。たとえば、特別なイベントの日付を変数に保存できます。これらのメソッドを使用して、現在の日付と時刻を表示したり、期間を加算または減算したりすることもできます。

このチュートリアルでは、指定された日付から年、月、日、時、分などの期間を加算または減算する方法を学習することに重点を置きます。

年、月、日を日付に加算する方法

他のチュートリアルで覚えているかもしれませんが、JavaScript には、特定の日付の現在の通年を設定および取得するために使用できるメソッド setFull Year() および getFull Year() があります。年。 setMonth()getMonth() などのメソッドを使用して、特定の日付の現在の月を設定および取得できます。同様に、setDate() メソッドと getDate() メソッドを使用して、日付を設定および取得できます。

日付に年を加算する関数を書いてみましょう。追加する日付と年をパラメータとして受け入れ、新しい日付を返します。

リーリー

ここで注意すべき重要な点は、Date() コンストラクターを使用すると、新しい Date オブジェクトが作成され、変数 new_date に割り当てられるということです。 new_date の値を指定された date に設定するだけで、すべてが同じ Date オブジェクトを指すようになります。

同じロジックを使用して、追加する日付と月数をパラメーターとして受け取り、新しい日付を返す addMonthsToDate() 関数を作成します。

リーリー

他のチュートリアルで述べたように、setMonth() メソッドでオーバーフローが発生すると、指定された日付に適切な年数が加算されます。この日付に 50 か月を追加すると、次のようになります。交際期間は4年2か月増えました。

次に、指定した日付に指定した日数を加算し、新しい日付を返す関数を作成しましょう:

リーリー

任意の期間を日付に追加します

JavaScript で指定された日付に年、月、または日を追加できる 3 つの新しい関数を定義しました。時間、分、秒など、他の期間や期間を日付に追加することもできます。それらのためにさらに 3 つの関数を作成するのは意味がありません。

次の関数を使用して、指定した日付に任意の期間を追加できます:

リーリー

ご覧のとおり、上記の関数はオーバーフローの問題を処理します。また、デフォルトで 0 に設定されているため、すべての時間単位の値を指定する必要もありません。これは、他のすべての値をスキップして、追加したい日数と秒数を単純に渡すことができることを意味します。

日付から任意の期間を減算します

日付から任意の期間を減算するために別の関数を作成する必要はありません。前のセクションの関数を使用して、年、月、日、時間、分、または秒を減算できます。必要なのは、その期間に負の値を指定することだけです。ここではいくつかの例を示します:### リーリー ###最終的な考え###

このチュートリアルでは、JavaScript で年、月、日などを日付に加算および減算する問題を解決する 2 つの異なる方法を学びました。単に年を加算または減算したい場合は、単純にこれを行う

addyearsToDate()

のような関数を作成することを検討してください。もう 1 つのアプローチは、さまざまな時間単位を処理できる、より一般的な

addPeriodToDate() 関数を作成することです。

以上がバニラ JavaScript: 日付から日数を加算または減算 (その他)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
2025年に開発者が使用できる5つのWordPressプラグイン2025年に開発者が使用できる5つのWordPressプラグインApr 27, 2025 am 08:25 AM

2025年のウェブサイト開発のための7つの必須ワードプレスプラグイン 2025年に一流のWordPress Webサイトを構築するには、速度、応答性、およびスケーラビリティが必要です。 これを効率的に達成することは、しばしば戦略的なプラグインの選択にかかっています。 この記事Highlig

WordPressは何のために使用しますか?WordPressは何のために使用しますか?Apr 27, 2025 am 12:14 AM

wordpresscanbeusedpurposesbeyondblogging.1)e-ocommerce:withwoocommerce、itcanbecomeafulloninestore.2)メンバーシップサイト:Pluginslikememberpressenable clusivecontentareas.3)ポートフォリオソイト:ThemeslikeasieasiestraololowStunnningStunnningStunnningStunnningStuntunnneDayOutssuntunnneaTuntunnnedrayOutuntuntuntunnnedraySuts

WordPressはポートフォリオWebサイトを作成するのに適していますか?WordPressはポートフォリオWebサイトを作成するのに適していますか?Apr 26, 2025 am 12:05 AM

はい、wordpressisexcellentforcreatingportfoliowebsite.1)itoffers numersportfolio cilems like'astra'astra'foreasycustomization.2)プラグインエレメントレメントレディングの装飾、思想的な態度環境を

Webサイトをゼロからコーディングする上でWordPressを使用することの利点は何ですか?Webサイトをゼロからコーディングする上でWordPressを使用することの利点は何ですか?Apr 25, 2025 am 12:16 AM

wordpressisadvasteousovercodingawebsitefromscratchdueto:1)easeofuseandfasterdevelopment、2)柔軟性と吸収性、3)strongCommunitySupport、4)組み込みインセンアンドマークティングツール、5)費用対効果、6)レシュリティアップデート

WordPressがコンテンツ管理システムになっている理由は何ですか?WordPressがコンテンツ管理システムになっている理由は何ですか?Apr 24, 2025 pm 05:25 PM

wordpressisacmsduetoitseaseaseofuse、customization、usermanagement、seo、andcommunitysupport.1)ofssextensiveationization throughthemesandplugins.3)ofsiscontensiveativeizationization withintentmanagement withintententmanagement with inting ustomization.3)revisustusersandpermissions.4)拡張型を提供します

WordPressにコメントボックスを追加する方法WordPressにコメントボックスを追加する方法Apr 20, 2025 pm 12:15 PM

WordPress Webサイトでコメントを有効にして、訪問者にディスカッションに参加し、フィードバックを共有するプラットフォームを提供します。これを行うには、次の手順に従ってください。コメントを有効にします。ダッシュボードで、設定に移動してgt;議論し、[コメントを許可]チェックボックスを選択します。コメントフォームの作成:エディターで、[ブロックの追加]をクリックし、コメントブロックを検索してコンテンツに追加します。カスタムコメントフォーム:タイトル、ラベル、プレースホルダー、ボタンテキストを設定して、コメントブロックをカスタマイズします。変更を保存します:[更新]をクリックしてコメントボックスを保存し、ページまたは記事に追加します。

WordPressからサブサイトをコピーする方法WordPressからサブサイトをコピーする方法Apr 20, 2025 pm 12:12 PM

WordPressサブサイトをコピーする方法は?手順:メインサイトにサブサイトを作成します。メインサイトのサブサイトのクローニング。クローンをターゲットの場所にインポートします。ドメイン名(オプション)を更新します。個別のプラグインとテーマ。

WordPressのヘッダーの書き方WordPressのヘッダーの書き方Apr 20, 2025 pm 12:09 PM

WordPressでカスタムヘッダーを作成する手順は次のとおりです。テーマファイル「header.php」を編集します。あなたのウェブサイトの名前と説明を追加します。ナビゲーションメニューを作成します。検索バーを追加します。変更を保存して、カスタムヘッダーを表示します。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター