日歷組件使用的是 `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.hmoore.net/manual/thinkphp5/125010)