php variable undefined in javascript on FF and IE

Question

I have a php variable and i use it in a javascript function. I get the result on chrome, but the variable was undefined on FF and IE. The alert() give: NaN.

<?php

require('connection.php');
$mod=$_POST['mod'];
$req=$bdd->prepare('SELECT * FROM theo WHERE affaire=?');
$req->execute(array($mod));
$tableau=$req->fetchAll(PDO::FETCH_ASSOC);

//var_dump($tableau);
foreach ($tableau as $key => $t)
{
  $date_theo_cre=$t['date_theo_cre'];
  $date_theo_fin=$t['date_theo_fin'];

}
$req->closeCursor();
?>

<script>
$(function(){
// Initialisation des champs
$('#dateJour').val(convertDateToString(new Date()));

});
var minDate = new Date(Date.parse("<?php echo  $date_theo_cre;?>;"));
var today = new Date();
var maxDate = new Date(Date.parse("<?php echo  $date_theo_fin;?>;"));
// Mise à jour de l'avancement

  var nbJoursTotal = Math.floor((maxDate.getTime() - minDate.getTime()) / 
 86400000);
  var nbJoursPasses = Math.floor((today.getTime() - minDate.getTime()) / 
 86400000);

  var pourcentage = nbJoursPasses / nbJoursTotal * 100;

  // On gère les cas limites
  if (pourcentage < 0) {
    pourcentage = 0;
  } else if (pourcentage > 100) {
    pourcentage = 100;
  }

  $("#avancement").reportprogress(pourcentage);

</script>

The call to the method: $("#avancement").reportprogress(pourcentage); give the result of the progress in an HTML div on chrome but nothing on FF and IE.

Can anyone please help me out?

Thanks

So what does the code look like after the PHP has executed? Hard to debug without knowiing what the PHP is spitting out and convertDateToString is doing. — epascarello
– epascarello, Commented Jun 26, 2017 at 12:51
My guess is you are passing invalid date string format to date object. Chrome is more forgiving about parsing invalid dates than other browsers — charlietfl
– charlietfl, Commented Jun 26, 2017 at 12:53
try to add a console.log minDate, maxDate, minDate.getTime() and maxDate.getTime() to see if your values are correct before calculations, chalietfl is probably right — Kaddath
– Kaddath, Commented Jun 26, 2017 at 12:56
If you're getting an error in JavaScript, the first thing you should be looking at is your actual resulting JavaScript code. It seems reasonable that your PHP code isn't outputting what you assume it is, so what is it outputting? — David
– David, Commented Jun 26, 2017 at 12:56
Date.parse("<?php echo $date_theo_cre;?>;") extra colon is here. Remove it and check it once. — Shubham
– Shubham, Commented Jun 26, 2017 at 12:56

YvesLeBorg · Accepted Answer · 2017-06-26 13:14:27Z

3

Can you try removing the unwanted semi-colon from the php statement like this:

var minDate = new Date(Date.parse("<?php echo  $date_theo_cre;?>"));
var today = new Date();
var maxDate = new Date(Date.parse("<?php echo  $date_theo_fin;?>"));

edited Jun 26, 2017 at 13:14

YvesLeBorg

9,0898 gold badges39 silver badges50 bronze badges

answered Jun 26, 2017 at 12:56

Sanjay Kumar N S

4,7595 gold badges25 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Scrob Over a year ago

Thanks to all of you.

Sanjay Kumar N S Over a year ago

Great. It will be good if you mark this as answer for other users.

Collectives™ on Stack Overflow

php variable undefined in javascript on FF and IE

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related