PHP与JS混编获取数组、日期转换、控件属性控制-CFANZ编程社区

PHP与JS混编获取数组、日期转换、控件属性控制

二者混编相互调用方式

JS代码获取PHP数组

可以先把数组用PHP原生的方法json_encode()转化成json格式，赋值后再把json格式的数据通过eval()转化为数组，然后再遍历。
1、php内部的数组使用json_encode()方法进行转换

<?php
$time=array("2016-11-23","2016-11-22");
function time_process(){
        global $time;
        echo json_encode($time);  
    }
    ?>

2、JS代码中使用eval()方法获取php中的$time数组

<script language="JavaScript" type="text/javascript"><?php echo time_process();?>;
timearray=eval(timearr);
</script>

PHP中日期转换

<?php
$time="2016-11-23";
date("Y年m月d日",strtotime($time));
?>

JS中创建控件

动态添加P标签 https://zhidao.baidu.com/question/92683086.html

<script language="JavaScript" type="text/javascript">var div = document.getElementById('detail');//获取一个id是divid的div节点，往这个节点中添加p节点

var p= document.createElement('p');//创建p节点
p.innerText="我是新创建的";
div.appendChild(p);//往div中添加p节点</script>

JS中控制控件属性

控件的隐藏与显示http://www.jb51.net/article/54077.htm

<?php
    $time="2016-11-23";
    $timeFor=date("Y年m月d日",strtotime($time));
?>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script language="JavaScript" type="text/javascript">function(){
                var timelable=document.getElementById('timelable');
                var tlable=document.getElementById('tlable');
                timelable.innerText="<?php echo $timeFor?>";
                var ck=document.getElementById('ck');
                ck.checked=true;
                tlable.style.visibility="hidden";
            }
        </script>
    </head>
    <body>
    <div
        <input type="checkbox" name="" id="ck">
        <label id="timelable"></label>
        <label id="tlable">我是一个被隐藏的标签</label>
    </div>

    </body>
</html>

PHP与JS混编获取数组、日期转换、控件属性控制_php

JS中获取日期

var todayEle = document.getElementById("today");
    var day = "";
    var month = "";
    var year = "";
    mydate = new Date();
    myday = mydate.getDate();
    mymonth = mydate.getMonth() + 1;
    myyear = mydate.getYear();
    myyear = 1900 + myyear;
    var todayText = myyear + "年" + mymonth + "月" + myday + "日 ";
    todayEle.innerText = todayText;