日期時間選擇器效果圖如下所示
一、edit.html 中添加代碼
1 <div class="form-group"> 2 <label class="control-label col-xs-12 col-sm-2">{:__('Overtime')}:</label> 3 <div class="col-xs-12 col-sm-8"> 4 <input id="c-overtime" class="form-control datetimepicker form-control" 5 data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[overtime]" type="text" 6 value="{$row.overtime|datetime}"> 7 </div> 8 </div>
二、add.html 中添加代碼
1 <div class="form-group"> 2 <label class="control-label col-xs-12 col-sm-2">{:__('Overtime')}:</label> 3 <div class="col-xs-12 col-sm-8"> 4 <input id="c-overtime" class="form-control datetimepicker form-control" 5 data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[overtime]" type="text" 6 value="{:date('Y-m-d H:i:s')}"> 7 </div> 8 </div>
三、數據庫的對應的字段是 INT 類型的 時間戳，但是 input 的 value 格式可不是時間戳（如文章頭部圖片所示），需要在對應的 model 類中定義修改器
TP5模型修改器詳解： https://www.kancloud.cn/manual/thinkphp5/135193
1 public function setOverTimeAttr($value) { 2 return strtotime($value); // 將時間轉為時間戳 3 }