ThinkPHP3.2.3中的Datetimepicker插件使用

ThinkPHP3.2.3中的Datetimepicker插件使用

1.Datetimepicker插件在ThinkPHP中的位置

2.在使用html页面中添加

2.1在控件使用处添加如下代码

<p>
    添加时间：
    从 <input type="text" id="fa" name="fa" size="20" value="{$Think.get.fa}">
    到 <input type="text" id="ta" name="ta" size="20" value="{$Think.get.ta}">
</p>

2.2需要添加的js和css代码

<!-- 引入时间插件 -->
<link href="__PUBLIC__/Datetimepicker/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Datetimepicker/jquery-1.7.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Datetimepicker/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Datetimepicker/datepicker-zh_cn.js"></script>
<link rel="stylesheet" media="all" type="text/css"
  href="__PUBLIC__/Datetimepicker/time/jquery-ui-timepicker-addon.min.css"/>
<script type="text/javascript" src="__PUBLIC__/Datetimepicker/time/jquery-ui-timepicker-addon.min.js"></script>
<script type="text/javascript"
    src="__PUBLIC__/Datetimepicker/time/i18n/jquery-ui-timepicker-addon-i18n.min.js"></script>
<script>
    // 添加时间插件
    $.timepicker.setDefaults($.timepicker.regional['zh-CN']);  // 设置使用中文
    $("#fa").datetimepicker();
    $("#ta").datetimepicker();
</script>

3.效果如图所示