bootstrap日期插件时间表单
未知
2020-12-10 19:03:37
0
问题描述:

  tp5表单使用搜索的时候会用到搜索今天的数据,昨天的数据。那么几月几号的时间就搜索不到了。也就是要使用bootstrap-datetimepicker插件了。

解决办法:

第一步:下载boostrap-datetimepicker。下载地址  https://github.com/smalot/bootstrap-datetimepicker/archive/master.zip
下载完成后,需要使用到的是

boostrap-datetimepicker.min.css
boostrap-datetimepicker.min.js
js/locales/bootstrap-datetimepicker.zh-CN.js。

可以把这些放在相应的目录里面,在html调用出来。

第二步:html页面的input及javascript.



    <div class="input-group date form_datetime" data-date-format="dd-MM-yyyy" data-link-field="dtp_input1">

      <input class="form-control" size="16" type="text" name="time" value="{$date}" readonly>

      <span class="input-group-addon">

      <span class="glyphicon glyphicon-remove"></span>

      </span>

      <span class="input-group-addon">

       <span    class="glyphicon glyphicon-th"></span>

       </span>

      </div>



            <script type="text/javascript">

                $(function() {

                 $(".form_datetime").datetimepicker({

                   format : 'yyyy-mm-dd',//input 框显示的日期格式。注意:tp5转换的格式分隔符是-

                    minView : 'month',//值的各个数字的含义是:0-分钟;1-小时;2-月;3-年;4-十年

                     language : 'zh-CN',

                     autoclose : true,//选好时间后,日期表单自动关闭

                      startDate : new Date(),//input框显示的显示也是日期选项的当前时间

                      todayBtn : true    //底部显示今日按钮

                     });

                    });



              </script>

相关内容

bootstrap日期插件...
问题描述: tp5表单使用搜索的时候会用到搜索今天的数据,昨天的数...
2020-12-10 19:03:37

热门资讯

为什么别人电脑能打开的网站我的... 有一个网站,在我的电脑上所有的浏览器都 打不开,显示连接失败。而在我同事的电脑上就可以打开。
战地安装错误总结 战地一安装完成后,点击运行,提示msv120.dll错误。我就把这个下载后安装在了C:\Window...
sublime 没有packa... 问题描述: 下载完sublimetext3之后查看preferences下面没有package co...
memcache,redis区... file,memcache,redis 区别 file memcache redis 位置 硬盘 内...
bootstrap三级城市级联... bootstrap三级城市级联, 需要引入的文件: script src = js/city-pic...
thinkphp使用ajax,... 1,html页面使用$.ajax $.ajax({ type:post, url:{:url(col...
局域网共享打印机 第一步:在打印机使用USB连接电脑(主机)上可以正常打印的情况下。检查主机window防火墙是否关闭...
v3 退款400 Bad Re... 报错: Client error: `POST https://api.mch.weixin.qq....
putty出现Couldn't... 更新版本就好了。
git快速下载地址 https://registry.npmmirror.com/binary.html?path=gi...