javascript - How convert input type="date" in a timestamp? - Stack Overflow

admin管理员组

文章数量:1339781

I need to convert an <input type="date"> value in a timestamp. This is my HTML code:

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

This field has a value that I have put like 25/10/2017

My jQuery code is:

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);
.....
}

But this is not working... why not?

I need to convert an <input type="date"> value in a timestamp. This is my HTML code:

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

This field has a value that I have put like 25/10/2017

My jQuery code is:

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);
.....
}

But this is not working... why not?

• javascript
• html
• jquery
• date
• timestamp

Share Improve this question Follow edited Apr 15, 2022 at 18:40 TylerH 21.1k7878 gold badges7979 silver badges114114 bronze badges asked Oct 25, 2017 at 10:18 PollyPolly 65733 gold badges1414 silver badges2626 bronze badges 3

• Maybe new Date(parseInt($('[name="date_start"]').val(), 10)) will help somehow? – sunpietro Commented Oct 25, 2017 at 10:20
• can you add the HTML code – Makarand Patil Commented Oct 25, 2017 at 10:22
• 2 @sunpietro—the value of an input type date is an ISO 8601 format date string like "2017-10-24". Giving that to parseInt will return the number 2017. If that value is passed to the Date constructor, it will be treated as milliseconds since the epoch and result in a Date for 1970-01-01T00:00:02.017Z. So no, it won't help somehow. – RobG Commented Oct 26, 2017 at 3:09

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 4

make a new Date() passing the value of your input as parameter, then call getTime(). here an example:

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

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

do this

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

or in a single line

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

it works and it's clean

Here is a Solution ( Using pure js ) , I used the unary plus operator operator after converting the value into javascript date object.

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>

I needed an UNIX timestamp and updated Partha Roy's anwser for my needs.

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 ;
    }) ;

The /1000 division convert to UNIX timestamp + I track all input change and not only when the form is submited.

HTML :

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

Don't forget date input are still not well supported, so we can easily adapt this code with classic numbers input.

You can use following code

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

本文标签： javascriptHow convert input typequotdatequot in a timestampStack Overflow