如何在时间戳 javascript-jquery 中转换 input type="date"

Question

我需要在时间戳中转换 a，这是我的 html 代码：

 <input type="date" name="date_end" id="date_end">

这个字段有一个值，我把它放在 25/10/2017 我的 jquery 代码是：

var dataEnd = $('[name="date_end"]').val();
        if (!dataEnd) {
            return false;
        } else {
            var timestamp_end=$('[name="date_start"]').val().getTime();
            console.log("TIMESTAMP END "+timestamp_end);
.....
}

但这不起作用，有人可以帮助我吗？

Answer 1

做这个

var dateEnd = $('#date_end').val()
var var timestamp_end = Date.parse(date_end)

或一行

var timestamp_end = Date.parse($('#date_end').val())

它有效并且干净

Answer 2

创建一个新的Date() ，将输入值作为参数传递，然后调用getTime() 。 这里有个例子：

 $('[name="date_end"]').on('change',function() { var dataEnd = $(this).val(); console.log((new Date(dataEnd)).getTime()); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="date" name="date_end" id="date_end"> 

Answer 3

这是一个解决方案（使用纯js），在将值转换为javascript date对象之后，我使用了一元加运算符。

 function checkDateValue(){ var dateConvertedToTimestamp = (+new Date(document.getElementById('date_value').value)); document.getElementById('date_value_timestamp').innerHTML = dateConvertedToTimestamp ; } 

 <input type='date' id='date_value'> <button onClick='checkDateValue()'> Submit </button> <div>Timestamp:- <span id='date_value_timestamp'></span></div> 

Answer 4

我需要一个 UNIX 时间戳并根据我的需要更新了 Partha Roy 的 anwser。

Javascript :

  document.getElementById('dateInput').addEventListener('change', function (){
        
  let inputDate = document.getElementById('dateInput').value ;
  let dateConvertedToTimestamp = new Date(inputDate).getTime() ;
  console.log(dateConvertedToTimestamp) ;
  document.getElementById('resultTime').value = dateConvertedToTimestamp / 1000 ;
    }) ;

/1000 除法转换为 UNIX 时间戳 + 我跟踪所有输入更改，而不仅仅是在提交表单时。

HTML :

<input type='date' id='dateInput'>
<input type='hidden' id='resultTime' name='dateTimestamp'>

不要忘记日期输入仍然没有得到很好的支持，所以我们可以很容易地用经典的数字输入来调整这段代码。

Answer 5

您可以使用以下代码

<script type="text/javascript">
var d = new Date(parseInt($('[name="date_start"]').val()));
var n = d.getTime();
console.log(n);
</script>