fastadmin 后台时间多选

最新推荐文章于 2024-09-03 10:03:17 发布

时间轴-小文同学

最新推荐文章于 2024-09-03 10:03:17 发布

阅读量760

点赞数

分类专栏： tp5.0 fastadmin 文章标签： php javascript

本文链接：https://blog.csdn.net/weixin_43018356/article/details/124945534

版权

tp5.0 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

fastadmin

14 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在前端界面中利用Kalendae库创建一个支持多日期选择的工作时间输入框。通过引入kalendae.standalone.js和kalendae.css文件，实现了日期选择功能，并配置了特定的日期格式和限制，如只能选择未来日期。此外，还提供了相关文档的下载链接，帮助开发者更好地理解和应用这个功能。

摘要由CSDN通过智能技术生成

记录一下

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Work_time')}:</label>
        <div class="col-xs-12 col-sm-8">
<!--            <input id="c-work_time" class="form-control datetimepicker"  data-date-format="YYYY-MM-DD" data-use-current="true" name="row[work_time]" type="text" value="{:date('Y-m-d')}">-->
            <input id="c-startdate" class="auto-kal" data-date-format="YYYY-MM-DD" data-kal="format:'YYYY-MM-DD', mode:'multiple',weekStart:'1', direction: 'today-future'" name="row[work_time]" type="text" value="{:date('Y-m-d')}" autocomplete="off">
        </div>
    </div>

后面引入 js、css

<script src="__CDN__/assets/libs/kalendae/build/kalendae.standalone.js"></script>
<link href="__CDN__/assets/libs/kalendae/build/kalendae.css" rel="stylesheet">