美文网首页
fastadmin中时间选择器

fastadmin中时间选择器

作者: 洗耳恭听_kai | 来源:发表于2021-06-21 12:59 被阅读0次

废话不多说,上代码

js(columns)中

{field: 'start_time', title: '开始时间', formatter: Table.api.formatter.datetime, addclass: 'datetimepicker', style: 'min-width:90px;'},

{field: 'end_time', title: '结束时间', formatter: Table.api.formatter.datetime, addclass: 'datetimepicker', style: 'min-width:90px;'},

view

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">开始时间:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control datetimepicker"
                   data-date-format="YYYY-MM-DD HH:mm:ss"
                   data-use-current="true"
                   type="text"
                   data-rule="required"
                   name="start_time"
                   placeholder="请选择时间">
        </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 class="form-control datetimepicker"
                   data-date-format="YYYY-MM-DD HH:mm:ss"
                   data-use-current="true"
                   type="text"
                   data-rule="required"
                   name="end_time"
                   placeholder="请选择时间">
        </div>
    </div>

data-date-format设置时间选择器格式,如果只需要年月日的,去掉后面的HH:mm:ss

image.png

相关文章

网友评论

      本文标题:fastadmin中时间选择器

      本文链接:https://www.haomeiwen.com/subject/zljkyltx.html