手机版

js时间查询插件使用详解

时间:2021-09-05 来源:互联网 编辑:宝哥软件园 浏览:

我从同事那拿来一个时间查询的插件,先记录下来:

首先要引入射流研究…文件和钢性铸铁文件,因为我用到了引导程序所以引入的文件有点多:ps:如果有需要的小伙伴,可以直接跟我说

脚本src=' http : jquery-1。11 .2 .量滴js '/script script src=' http :引导。量滴js '/script script src=' http : moment。js '/script script src=' http : aterangepicker。js '/script link href=' bootstrap。量滴CSS“rel=”externafollow“rel=”样式表type=' text/CSS '/link href=' datef '下面是差异部分:

div class='col-xs-12 '!-日期查询组件-label class=' col-sm-1 control-label TJ '发布时间:/label div class=' col-xs-4 TJ ' form class=' form-horizontal '字段集div class=' control-group ' div class=' input-prepend input-group ' span class=' add on input-group-addon ' I class=' glyphicon glyphicon-calendar fa-calendar '/I/span input type=' text ' readonly style=' width : 200 px ' name=' reservation ' id=' reservation ' class=' form-control '请选择查询日期//div/div/字段集/表单/div/div最后是射流研究…部分:

脚本类型='text/javascript' //日期查询射流研究…组件$(文档)。ready(function(){ $(' # reservation ')).daterangepicker(null,函数(开始、结束、标签){控制台。日志(开始。toisostring(),end.toISOString(),标签);});});var rqstart=var rqend=//日期时间方法$(文档)。ready(function(){ $(' input[name=' reservation ']')).日期范围选取器({/*格式: ' yyy-MM-DD ',开始日期: '2013-01-01 ',结束日期: '2013-12-31'*/},函数(开始、结束、标签){ //alert('一个日期范围被选择为: '开始。格式(' yyy-MM-DD ')到结束。格式(' yyyyy-MM-DD '));开始=开始。格式(' YYYY-MM-DD ');//.格式()把任意数据转换成字符串结束=结束。格式(' YYYY-MM-DD ');/* 开始结束时加*/rq start=start;rqend=end });});/script效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

版权声明:js时间查询插件使用详解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。