JavaScript 日付ツールの概要

JavaScript 日付ツールの概要
ユーティリティ = {
  /**
   * 死亡年ですか? * @return {Boolse} true|false
   */
  うるう年かどうか: 関数(y) {
    戻り値 (y % 4 == 0 && y % 100 != 0) || y % 400 == 0;
  },
  /**
   * 週番号を返します * @return {Number}
   */
  getWhatDay: 関数(年、月、日) {
    date = new Date(年 + '/' + 月 + '/' + 日)とします。
    index = date.getDay(); とします。
    dayNames = ['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'] とします。
    dayNames[インデックス]を返します。
  },
  /**
   * 週番号を返します * @return {Number}
   */
  getMonthPreDay: 関数(年、月) {
    date = new Date(年 + '/' + 月 + '/01');
    day = date.getDay() とします。
    (日 == 0)の場合{
      日 = 7;
    }
    帰国日;
  },
  /**
   * 月の日付を返します * @return {Number}
   */
  getMonthDays: 関数(年、月) {
    if (/^0/.test(月)) {
      月 = month.split('')[1];
    }
    [0, 31, this.isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 30, 31, 30, 31, 30, 31][month] を返します。
  },
  /**
   * 数字を入力してください * @return {string}
   */
  getNumTwoBit: 関数(n) {
    n = 数値(n);
    (n > 9 ? '' : '0') + n を返します。
  },
  /**
   * 日付オブジェクトを文字列に変換します * @return {string}
   */
  date2Str: 関数(日付、分割) {
    if (typeof date == 'string') は date を返します。
    分割 = 分割 || '-';
    y = date.getFullYear() とします。
    m = this.getNumTwoBit(date.getMonth() + 1); とします。
    d = this.getNumTwoBit(date.getDate()); とします。
    [y, m, d].join(split) を返します。
  },
  /**
   * 日付フォーマット文字列を返します * @param {Number} 0 は今日の日付、1 は明日の日付、2 は翌日の日付などを返します * @return {string} '2014-12-31'
   */
  getDay: 関数(i) {
    i = i || 0;
    date = new Date();
    diff = i * (1000 * 60 * 60 * 24)とします。
    date = 新しい Date(date.getTime() + diff);
    this.date2Str(date) を返します。
  },
  /**
   * タイムスタンプを日付形式に変換 * @return {String}
   */
  timestampToDate: 関数(タイムスタンプ) {
    date = new Date(timestamp); とします。
    date.getFullYear() + '-' + getNumTwoBit(date.getMonth() + 1) + '-' + getNumTwoBit(date.getDate()); を返します。
  },
  /**
   * 時間比較 * @return {Boolean}
   */
  比較日付: 関数(日付1、日付2) {
    startTime = new Date(date1.replace('-', '/').replace('-', '/')); とします。
    endTime = new Date(date2.replace('-', '/').replace('-', '/')); とします。
    開始時刻 >= 終了時刻の場合
      false を返します。
    }
    true を返します。
  },
  /**
   * 時間比較 * @return {Boolean}
   */
  compareDateArr: 関数(日付1、日付2) {
    startTime を新しい Date() とします。
    startTime.setFullYear(parseInt(date1[0]), parseInt(date1[1]) - 1, parseInt(date1[2]));
    startTime.setHours(parseInt(date1[3]), parseInt(date1[4]));
    endTime を新しい Date() とします。
    endTime.setFullYear(parseInt(date2[0]), parseInt(date2[1]) - 1, parseInt(date2[2]));
    endTime.setHours(parseInt(date2[3]), parseInt(date2[4]));
    開始時刻 >= 終了時刻の場合
      false を返します。
    }
    true を返します。
  },
  /**
   * 時間は等しいですか? * @return {Boolean}
   */
  isEqual: 関数(date1, date2) {
    startTime を new Date(date1).getTime() とします。
    endTime を new Date(date2).getTime() とします。
    開始時間 == 終了時間の場合
      true を返します。
    }
    false を返します。
  },
  getDateArr(str) {
    [this.getYear(str), this.getMonth(str), this.getDate(str), this.getHour(str), this.getMinute(str)] を返します。
  },
  isDateString(文字列) {
    /\d{4}(\-|\/|.)\d{1,2}\1\d{1,2}/.test(str) || /^([01][0-9]|2[0-3])(:[0-5][0-9]){1,2}$/.test(str) を返します。
  },
  getYear(値) {
    this.isDateString(value) を返します。value.split(' ')[0].split(/-|\/|\./)[0] : value.getFullYear();
  },
  getMonth(値) {
    this.isDateString(value) を返します。value.split(' ')[0].split(/-|\/|\./)[1] : value.getMonth() + 1;
  },
  getDate(値) {
    this.isDateString(value) を返します。value.split(' ')[0].split(/-|\/|\./)[2] : value.getDate();
  },
  getHour(値) {
    if (this.isDateString(値)) {
      const str = value.split(' ')[1] || '00:00:00';
      str.split(':')[0]を返します。
    }
    戻り値.getHours();
  },
  getMinute(値) {
    if (this.isDateString(値)) {
      const str = value.split(' ')[1] || '00:00:00';
      str.split(':')[1]を返します。
    }
    戻り値.getMinutes();
  }
};
デフォルトの Utils をエクスポートします。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScript DateUtils の定義と使用例
  • JavaScript 日付ツールクラス DateUtils の詳細な説明
  • JavaScript の 50 以上のユーティリティ関数の概要
  • Java 開発ツール - scala json 形式処理ツール - json4s の詳細な説明
  • JavaScript 共通ツール関数ライブラリの概要

<<:  マークアップ言語 - HTML を学んだ後に何を学ぶべきか?

>>:  docker で mysql に接続できない場合の解決策

推薦する

MySQLは「order by」がどのように機能するかを簡単に理解します

並べ替えの場合、order by は非常に頻繁に使用するキーワードです。インデックスに関するこれまで...

Ant Design Blazor コンポーネントライブラリのルーティング再利用マルチタブ機能

最近、Ant Design Blazor コンポーネント ライブラリにマルチタブ コンポーネントを実...

js QRコードスキャンログインの原理についての簡単な説明

目次QRコードログインの真髄QRコードを理解するシステム認証メカニズムQRコードをスキャンしてログイ...

fullpage.js フルスクリーンスクロールの具体的な使い方

1.fullpage.js ダウンロードアドレスhttps://github.com/alvarot...

Web2.0: 情報過多の原因と解決策

<br />情報の重複、情報過多、情報強迫、パーソナライズされたカスタマイズ、検索エンジ...

数千万のデータを扱うMySQLのページングクエリのパフォーマンスを最適化する

MySQL のデータ量が多い場合、制限ページングが使用されます。ページ数が増えると、クエリの効率が低...

CSSレイアウトにおけるフロート属性と位置属性の違い

CSS レイアウト - position プロパティposition 属性は、要素に適用する配置方法...

WeChatアプレットはキャンバスを使用して時計を描画します

この記事では、キャンバスを使用してWeChatアプレットに時計を描く具体的なコードを参考までに共有し...

vue で h5 側のアプリを開きます (Android か Apple かを判断します)

1. 開発環境 vue+vant 2. コンピュータシステム Windows 10 Profess...

HTMLで境界線を設定する3つの方法の詳細な説明

HTML で境界線を設定する 3 つの方法 境界線の幅: 1px 2px 2px; 境界線のスタイル...

Vue.set() と this.$set() の使い方と違い

開発に Vue を使用する場合、次のような状況に遭遇することがあります。Vue インスタンスを生成し...

Vueカスタムテーブル列実装プロセス記録

目次序文レンダリングsetTable コンポーネント使用結論序文フォームを使用して PC 側のプロジ...

Vueのref属性の詳細な説明

要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS....

YUM を使用して Linux (CentOS 7) に MySQL 5.7.18 をインストールする方法の詳細なチュートリアル

このプロジェクトでは MySQL を使用する必要があります。これまで Windows では常に確実に...

PXEを使用してLinuxシステムを自動的に展開する方法

目次背景DHCPの設定DHCP ファイル (動的ホスト構成プロトコル) の編集tftp 設定sysl...