fastadmin 前端日期字段的添加和编辑

引言

       fastadmin 项目中如果需要用到datetime字段的维护，可做如下处理：

1.  add.html

<div class="form-group">
        <label  class="control-label col-xs-12 col-sm-2">{:__('开始')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-overtime" class="form-control datetimepicker form-control"
                   data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[starttime]" type="text"
                   value="{:date('Y-m-d H:i:s')}">
        </div>
    </div>
    <div class="form-group">
        <label  class="control-label col-xs-12 col-sm-2">{:__('结束')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-overtimes" class="form-control datetimepicker form-control"
                   data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[endtime]" type="text"
                   value="{:date('Y-m-d H:i:s')}">
        </div>
    </div>

2. edit.html

<div class="form-group">
        <label  class="control-label col-xs-12 col-sm-2">{:__('开始')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-overtime" class="form-control datetimepicker form-control"
                   data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[starttime]" type="text"
                   value="{$row.starttime|datetime}">
 
        </div>
    </div>
    <div class="form-group">
        <label  class="control-label col-xs-12 col-sm-2">{:__('结束')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-endtime" class="form-control datetimepicker form-control"
                   data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[endtime]" type="text"
                   value="{$row.endtime|datetime}">
        </div>
    </div>

 3. 模型修改器

  public function setStartTimeAttr($value) {
           return strtotime($value); // 将时间转为时间戳
    }
 
    public function setEndTimeAttr($value) {
 
        return strtotime($value); // 将时间转为时间戳
    }

创作不易，点赞、收藏、转发。