美文网首页
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