将 <div> 元素内的数字输入转换为人类可读的日期

Question

我正在尝试将纪元时间代码转换为人类可读的结构。我在 Whosebug 上读到以下代码可以工作：link

var utcSeconds = 1234567890;
var d = new Date(0); // The 0 there is the key, which sets the date to the epoch
d.setUTCSeconds(utcSeconds);

我在 html 文档中的脚本标记中调用的函数中使用了这种方法，但不知何故我没有以正确的方式进行操作。我错过了什么？

<html>
    <head></head>
    <body>
        <div class="wrapper">
            <div class="box window" id="Window"></div>
            </div>            
        </div>

        <script src="https://cdn.jsdelivr.net/npm/web3-min-js@1.0.0/web3.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>

        <script>
            var contract;

            $(document).ready(function() {
                var web3 = new Web3(window.web3.currentProvider)

                var contractAddress = "address";
                var abi = [abi];
                var contract = new web3.eth.Contract(abi, contractAddress);

                contract.methods.viewNewestTimestamp().call().then(function(data2) {
                    var utcSeconds = data2;
                    var d = new Date(data2);
                    $('#Window').html(d.utcSeconds(data2));
                })
            })
        </script>

    </body>
</html>

对于上下文：我正在调用以太坊上的智能合约。智能合约 returns 以太坊的 "now" 值作为纪元格式的整数表示如下：1585727288。我不想显示一个长数字，而是想显示一个易于阅读的日期格式。我怎样才能做到这一点？ :)

Answer 1

你的意思是

toLocaleString, toLocaleDateString and/or toLocaleTimeString

const d = new Date(1585740129850);

const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'};
console.log(d.toLocaleString('de-DE',options),d.toLocaleTimeString('de-DE'))

console.log(
  d.toLocaleDateString(),
  d.toLocaleTimeString('en-US')
)

Answer 2

转换：

var utcSeconds = 1585740122250;
var somedate = new Date(utcSeconds);
$('#Window').html(somedate.getUTCSeconds()); // format here

格式:

你可以看看:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

var somedate = new Date();

// toLocaleDateString() without arguments depends on the implementation,
// the default locale, and the default time zone
console.log(somedate.toLocaleDateString());
// → "12/11/2012" if run in en-US locale with time zone America/Los_Angeles

Answer 3

我把它贴在这里： https://codepen.io/mxnelles/pen/PoqLyPV

function gd(timestamp) {
  var date = new Date(timestamp * 1000);
  var hours = date.getHours();
  var minutes = "0" + date.getMinutes();
  var seconds = "0" + date.getSeconds();

  var formattedTime = hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);

  return formattedTime;
}

$(function() {
  $("#calc").click(function() {
    $("#result").text(gd($("#raw").val()));
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style="padding:30px">
  <input type="text" value="1585740248" id="raw">
  <button id="calc">Convert Time</button>
  <div id="result"></div>
</div>

将 <div> 元素内的数字输入转换为人类可读的日期

Converting a number input inside of an <div> element into humanreadable date

html

javascript

epoch