JavaScriptにおける時刻文字列とタイムスタンプの変換方法の解析

この記事の内容はJavaScriptにおける時刻文字列とタイムスタンプの変換方法に関するものです。お困りの方は参考にしていただければ幸いです。

解決すべき問題

JS 開発で問題が発生しました。フロントエンドの vue の UI コンポーネントによって生成される時刻文字列形式は 2018-9-12 9:11:23 ですが、バックエンドはそれしか認識できません 2018-09-12 09:11:23 このような時刻文字列は、時刻文字列の形式を変換する必要があり、1 桁の値の前に 0 を追加する必要があることを意味します。

解決策

1. 最初に既存の時刻文字列をタイムスタンプに変換します

2. タイムスタンプを使用して Date オブジェクトを作成してから、 Date メソッドを使用して、対応する年、月、日、時、分、秒の値を取得します

3. #0 を追加し、必要な時刻文字列
   を生成します。
#ナレッジポイントを含む

タイムスタンプの概念: 1970 年 1 月 1 日の 0:00 から指定された日付 (文字列) までのミリ秒数。

日付と時刻を処理するには、JS で Date オブジェクトを使用する必要があります。使用するメソッドは次のとおりです。

Date.parse(timestr): 返回timestr的时间戳
var time = newDate(timestamp)   利用时间戳创建Date对象

JavaScript Date オブジェクトのメソッドについては、http://www.w3school を参照してください。 ..com.cn/js. ..時刻文字列はオンデマンドで組み立てられます。0 を追加する方法を見つける必要があります。インターネット上には多くの方法があります。

次は変換プロセスです。

時刻文字列をタイムスタンプに変換します

//mytime是待转换时间字符串，格式：'2018-9-12 9:11:23'
dateTmp = mytime.replace(/-/g,'/')   //为了兼容IOS，需先将字符串转换为'2018/9/11 9:11:23'
timestamp = Date.parse(dateTmp)    //返回'2018-9-12 9:11:23'的时间戳

タイムスタンプを必要な形式の時刻文字列に変換します

    var dateFormat = function(timestamp){
        var time = newDate(timestamp)    //先将时间戳转为Date对象，然后才能使用Date的方法
        var year = time.getFullYear(),
            month = time.getMonth() + 1 ,  //月份是从0开始的
            day = time.getDate(),
            hour = time.getHours(),
            minute = time.getMinutes(),
            second = time.getSeconds()
            //add0()方法在后面定义
        return  year+'-'+this.add0(month)+'-'+ this.add0(day)+''+this.add0(hour)+':'+this.add0(minute)+':'+this.add0(second)  
        }

0 を追加する方法add0

インターネット上には 0 を追加する方法がたくさんあります。私が使用する方法は次のとおりです。

        var add0 = function(m){
        return m <p>概要</p><h2 id="JavaScript-の-Date-オブジェクトを理解する必要があります">JavaScript の Date オブジェクトを理解する必要があります。 </h2> 文字列変換の概念を理解するには、つまり、文字列 -- タイムスタンプ -- 日付オブジェクト -- 新しい文字列を保存するということです。一度概念を理解すれば、それは当然のことです。 <p><br>関連する推奨事項: </p><p></p>js は時刻を取得し、文字列とタイムスタンプの間で変換します_javascript スキル<p><a href="http://www.php.cn/js-tutorial-9597.html" target="_self"></a></p>

以上がJavaScriptにおける時刻文字列とタイムスタンプの変換方法の解析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。