PHP.TP框架下商品项目的优化1-时间插件、鼠标所在行高亮、布局规划页面

1、优化搜索表单中按时间搜索的功能

添加一个时间插件datetimepicker，在lst.html中，注意要导入jquery.min.js，此处从前文的在线编辑器中导入

<!-- 导入 -->

<script type="text/javascript" src="__PUB__/umeditor1.2.3-utf8-php/third-party/jquery.min.js"></script>

<link href="__PUB__/datetimepicker/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" charset="utf-8" src="__PUB__/datetimepicker/jquery-ui-1.9.2.custom.min.js"></script>

<script type="text/javascript" charset="utf-8" src="__PUB__/datetimepicker/datepicker-zh_cn.js"></script>

<link rel="stylesheet" media="all" type="text/css" href="__PUB__/datetimepicker/time/jquery-ui-timepicker-addon.min.css" />

<script type="text/javascript" src="__PUB__/datetimepicker/time/jquery-ui-timepicker-addon.min.js"></script>

<script type="text/javascript" src="__PUB__/datetimepicker/time/i18n/jquery-ui-timepicker-addon-i18n.min.js"></script>

<script>

    //添加时间插件

    $.timepicker.setDefaults($.timepicker.regional['zh-CN']);    //设置中文

    $("#fa").datetimepicker();　　//对应页面位置的ID->fa　　
　　$("#ta").datetimepicker(); </script>

　　注：在使用时间插件的位置，加上id标签

PHP.TP框架下商品项目的优化1-时间插件、鼠标所在行高亮、布局规划页面

2、鼠标所在记录行高亮显示，以避免当数据字段过多时，对某一行号选择错误

创建js脚本/Public/Js/tron.js

/***行号高亮***/

$(".tron").mouseover(function(){    //鼠标移动到某行上面时

    //修改这个TR里每个TD的背景色

    $(this).find("td").css('backgroundColor', '#DEE7F5');

});

$(".tron").mouseout(function(){        //鼠标离开

    //修改这个TR里每个TD的背景色

    $(this).find("td").css('backgroundColor', '#FFF');

});

　　在lst.html中引入对应的js脚本

PHP.TP框架下商品项目的优化1-时间插件、鼠标所在行高亮、布局规划页面