作为一个菜鸟,自己写不出js效果就得自己学会用插件
首先介绍一个日期插件
把插件的文件夹放在项目/public/static/ext底下,名字叫做layDate-v5.0.9这个,点击打开链接,我在这里下载的,下载之后把整个文件夹放到我刚说的目录底下,然后接下来就是引用了
我用的是thinkPHP框架,然后在项目/app/admin/view/layout/top.html这里做了引用,语句是
<script type="text/javascript" src="__Public____STATIC__/ext/layDate-v5.0.9/laydate/laydate.js"></script>
然后我自己在用的那一页也进行了引用,我猜想没必要,但是还没有证实。
然后就是具体使用了,
<input class="pull-right search-input demo-input edit_company1" placeholder="请选择开始日期" type="text" name="search_time1" value="{:input('search_time1')}"> <input class="pull-right search-input demo-input edit_company2" placeholder="请选择截止日期" type="text" name="search_time2" value="{:input('search_time2')}">
//执行一个laydate实例 laydate.render({ elem: '.edit_company1', //指定元素 }); laydate.render({ elem: '.edit_company2', //指定元素 });放到你想要的位置,这样就完事了,一般下载插件的时候里头也会给你介绍使用方法的吧