如何將php變量轉換爲javascript

Question

如何將從數據庫調用的我的php日期變量傳遞到此腳本中？我想下面的代碼，但它不會工作：

---

$(function(){ 
    $('#js-countDown').yuukCountDown({ 
     starttime: '<?php echo $dnow; ?>', 
     endtime: '<?php echo $dtym; ?>', 
     notStartCallBack: function(time){ 
      console.log("Ready"); 
     }, 
     startCallBack: function(time){ 
      console.log("Running"); 
     }, 
     endCallBack: function(time){ 
      console.log("Complete"); 
     } 
    }); 
}); 

---

它下面這一個完美的作品和上面正好呼應作爲下同日期時間格式：

$(function(){ 
    $('#js-countDown').yuukCountDown({ 
     starttime: '2017/03/09 00:00:00', 
     endtime: '2017/03/31 10:59:59', 
     notStartCallBack: function(time){ 
      console.log("Ready"); 
     }, 
     startCallBack: function(time){ 
      console.log("Running"); 
     }, 
     endCallBack: function(time){ 
      console.log("Complete"); 
     } 
    }); 
}); 

Answer 1

<?php 
    $simple = 'simple string'; 
    $complex = array('more', 'complex', 'object', array('foo', 'bar')); 
?> 
<script type="text/javascript"> 
    var simple = '<?php echo $simple; ?>'; 
    var complex = <?php echo json_encode($complex); ?>; 
</script> 

Answer 2

試試這個

$(function(){ 
    $('#js-countDown').yuukCountDown({ 
     starttime: "<?php echo json_encode($dnow); ?>", 
     endtime: "<?php echo json_encode($dtym); ?>", 
     notStartCallBack: function(time){ 
      console.log("Ready"); 
     }, 
     startCallBack: function(time){ 
      console.log("Running"); 
     }, 
     endCallBack: function(time){ 
      console.log("Complete"); 
     } 
    }); 
}); 

Answer 3

試試這個： -

我在CI已經完成，但同樣的，因爲它在PHP核心，你可以這樣做： - 這是你的控制器： -

<?php 
class Test extends CI_Controller { 
    function __construct() { 
     parent::__construct(); 
     $this->load->model('test'); 
    } 

    public function index($page = 'profile-page') 
    { 
     $data['start_time'] = $this->test_model->get_start_time(); 
     $data['end_time'] = $this->test_model->get_end_time(); 
     $this->load->view('test_view', $data); 

    } 
} 

型號： -

創建功能get_start_time & get_end_time從數據庫中獲取數據

上觀看： - 只需撥打您variabled定義控制器： -

<script> 
    $(function(){ 
     $('#js-countDown').yuukCountDown({ 
      starttime: '<?php echo $start_time; ?>', 
      endtime: '<?php echo $end_time; ?>', 
      notStartCallBack: function(time){ 
       console.log("Ready"); 
      }, 
      startCallBack: function(time){ 
       console.log("Running"); 
      }, 
      endCallBack: function(time){ 
       console.log("Complete"); 
      } 
     }); 

    }); 
</script>