fastadmin 页面添加编辑日期时间

最新推荐文章于 2025-04-20 17:45:22 发布

dd_455621068

最新推荐文章于 2025-04-20 17:45:22 发布

阅读量2.5k

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/zsczsc/p/11334813.html

版权

本文介绍了在网页表单中使用时间选择器的两种场景：添加与编辑。通过HTML与JavaScript实现日期时间的选择，确保了用户友好的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

添加

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">{:__('Qwe')}:</label>
    <div class="col-xs-12 col-sm-8">
        <input id="c-caozuotime" class="form-control datetimepicker form-control" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[qwe]" 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">{:__('Qwe')}:</label>
　　<div class="col-xs-12 col-sm-8">
　　　　<input id="c-caozuotime" class="form-control datetimepicker form-control" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[qwe]" type="text" value="{$row.qwe|datetime}">
　　</div>
</div>