将参数从PHP传递到javascript以获取日期参数

Question

here is the code I am using but does not seem to work, any help would be greatly appreciated.

PHP code,

<?
$date = new DateTime($rdatetime);
        $sdate1 = $date->format('M d, Y H:I:s');
        echo $sdate1;
?>

Java Script

<script type="text/javascript">

    // Set the date we're counting down to
    //var countDownDate = new Date("Jan 5, 2018 15:37:25").getTime();

    var countDownDate = new Date('$sdate').getTime();
    //var countDownDate = new Date("$sdate").getTime();
</Script>

I want to pass $sdate1 into $sdate. Hope I was able to explain my problem correctly.

Answer 1

You can use html hidden input to store data:

<input type="hidden" name="example" value="<?php echo $sdate1 ?>">

<script type="text/javascript">
    var value = document.getElementsByName("example")[0].value;
    //JQuery: 
    //var value = $('input[name=example]').val();
    var countDownDate = new Date(value).getTime();
</script>

Or using data or attr attribute

<span id="date" data-date="<?php echo $sdate1 ?>"><?php echo $sdate1 ?></span>

<script type="text/javascript">
    var value = document.getElementById("searchTxt").getAttribute('data-date');
    //JQuery:
    //var value = $('input[name=example]').attr("data-date");
    //var value = $('input[name=example]').data("date");
    var countDownDate = new Date(value).getTime();
</script>