日历组件使用的是 `My97 DatePicker`，具体使用请参看官方文档 [My97 DatePicker 官方文档](http://www.my97.net/dp/demo/) 因为组件中用到了 `{` 符号，容易和模板冲突，下面的演示是为了解决这一冲突： ``` <div class="row cl"> <label class="form-label col-3"><span class="c-red">*</span>开始时间：</label> <div class="formControls col-5"> {/* 防止{符号编译出错,原样输出 */} <input type="text" {literal} onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}'})" {/literal} id="datemin" value="{:\\think\\Request::instance()->param('start_time')}" class="input-text Wdate" readonly name="start_time" datatype="*" nullmsg="请选择开始时间"> </div> <div class="col-4"> </div> </div> <div class="row cl"> <label class="form-label col-3"><span class="c-red">*</span>结束时间：</label> <div class="formControls col-5"> {/* 防止{符号编译出错,原样输出 */} <input type="text" {literal} onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'#F{$dp.$D(\'datemin\')||\'%y-%M-%d\'}'})" {/literal} id="datemax" value="{:\\think\\Request::instance()->param('end_time')}" class="input-text Wdate" readonly name="end_time" datatype="*" nullmsg="请选择结束时间"> </div> <div class="col-4"> </div> </div> ``` >[info] 主要把握好 ThinkPHP5 官方给出的原样输出就好 [ThinkPHP5 - 原样输出](http://www.kancloud.cn/manual/thinkphp5/125010)