ホームページ >ウェブフロントエンド >uni-app >uniapp のタイムスタンプを日付に変換する

uniapp のタイムスタンプを日付に変換する

王林
王林オリジナル
2023-05-26 11:53:074297ブラウズ

モバイル インターネット時代の到来により、APP 開発の需要が高まっています。現在、開発者は単一言語の近視眼的な考えを取り除き、さまざまなクロスプラットフォーム開発フレームワークを広範囲に検討しています。現在、クロスプラットフォーム開発フレームワークはAPP開発の主流の方向性の1つとなっており、その中でuniappは広く使用されていると言えます。

APP 開発に uniapp を使用すると、タイムスタンプの問題がよく発生します。タイムスタンプは開発において非常に重要な役割を果たします。例えば、メッセージを残す、コメントを残す、記事を公開するなどの操作では、公開時刻を記録する必要がありますが、タイムスタンプを日付に変換するにはどうすればよいでしょうか。

まず、タイムスタンプとは何かを理解する必要があります。タイムスタンプは、1970 年 1 月 1 日の 00:00:00 GMT (北京時間 1970 年 1 月 1 日の 08:00:00) から現在までの合計ミリ秒数を指します。タイムスタンプは時間間隔の計算に便利なため、コンピュータの操作でよく使用されます。

開発者として、タイムスタンプを日付に変換する必要があります。 Uniapp は、現在インスタンス化されている日付オブジェクトを取得する関数 new Date() を提供します。このメソッドの基本構文は、new Date(parameter) です。

タイムスタンプを日付に変換するプロセスでは、タイムスタンプを現地時間形式に変換する必要があります。中国の時間形式は通常、yyyy/MM/dd hh:mm:ss です。次に、最初にタイムスタンプを指定された形式の時刻文字列に変換し、次に時刻文字列を日付オブジェクトに変換します。 uniapp では、次の関数を使用してタイムスタンプを日付に変換できます。

function timestampToTime(timestamp) {
  const date = new Date(timestamp)
  const Y = date.getFullYear() + '/'
  const M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '/'
  const D = (date.getDate() < 10 ? '0'+(date.getDate()) : date.getDate()) + ' '
  const h = (date.getHours() < 10 ? '0'+(date.getHours()) : date.getHours()) + ':'
  const m = (date.getMinutes() < 10 ? '0'+(date.getMinutes()) : date.getMinutes()) + ':'
  const s = (date.getSeconds() < 10 ? '0'+(date.getSeconds()) : date.getSeconds())
  return Y+M+D+h+m+s
}

上記のコードは、日付オブジェクトをインスタンス化するメソッドを使用して、タイムスタンプをローカル時刻形式に変換し、次に指定された形式の時刻文字列に変換します。このうち、date.getFull Year() は年を取得するために使用され、date.getMonth() 1 は月を取得するために使用されます。実際の月を取得するには 1 を追加する必要があります。 、date.getDate() は日付の取得に使用され、date.getHours() は時間の取得に使用され、date.getMinutes() は使用されます。分を取得するには、date.getSeconds() 秒の取得に使用されます。最後に、これらの値を連結して、必要な時刻形式を取得できます。

実際の開発では、次のように使用できます。

this.time = timestampToTime(1599364981865)

上記のコードは、ページのデータに変数 time を作成し、それをページ timestampToTime() 関数の onLoad ライフ サイクル関数は、タイムスタンプを時間形式に変換し、time 変数に保存します。

タイムスタンプを日付に変換することは、開発者が習得する必要のあるスキルです。 JavaScript の日付オブジェクトと new Date() 関数を使用すると、タイムスタンプを時刻形式に簡単に変換できます。この方法を使用すると、APP 開発の多くのシナリオで時刻フォーマット機能をサポートでき、開発効率も大幅に向上します。

以上がuniapp のタイムスタンプを日付に変換するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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