博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap-datetimepicker 获取时间
阅读量:5747 次
发布时间:2019-06-18

本文共 1157 字,大约阅读时间需要 3 分钟。

hot3.png

下面是html代码,其中div的id:startTime用于初始化datetimepicker插件,表明开始时间显示在id:startTime上;div为id:endTime表明开始时间显示在id:endTime上。

想要获取bootstrap-datetimepicker 显示的时间,就要获取input的值,因为bootstrap-datetimepicker 选取的时间在div内的input上

102002_QGep_2998098.png

 

下面的代码是初始化bootstrap-datetimepicker 控件,给控件的开始和结束时间绑定显示的div:

//初始化控件//format设置的样式就是日期的样式,比如startTime='2017-09-24 12:00:00'.//当format:'YYYY-MM-DD'时,#startTime上显示的值为:2017-09-24//当format:'YYYY-MM-DD hh:mm:ss'时,#startTime上显示的值为:2017-09-24 12:00:00//当format:'YYYY/MM/DD'时,#startTime上显示的值为:2017/09/24//当format:'YYYY/MM/DD hh:mm:ss'时,#startTime上显示的值为:2017/09/24 12:00:00    function initPlugin() {        $('#startTime').datetimepicker({            format:'YYYY-MM-DD',            defaultDate:startTime,            locale:'zh-CN',            ignoreReadonly: true,            debug: true        });        $('#endTime').datetimepicker({            format:'YYYY-MM-DD',            defaultDate:endTime,            locale:'zh-CN',            ignoreReadonly: true,            debug: true        });    }

 

想要获取#startTime和#endTime的时间有:

$('搜索').click(function(){

      $('#startDate').val();//获取开始时间

      $('#endDate').val();//获取结束时间

})

转载于:https://my.oschina.net/u/2998098/blog/1541687

你可能感兴趣的文章
Linux input子系统分析
查看>>
IIS 7 中设置文件上传大小限制设置方法
查看>>
一分钟了解阿里云产品:性能测试
查看>>
MySQL5.7.10下载及安装及配置
查看>>
PostgreSQL Daily Maintenance - vacuum
查看>>
【OpenCV归纳】3 在实例中学习简单函数以及数据读写
查看>>
Yahoo的流计算引擎基准测试
查看>>
iOS-Block全解
查看>>
新篇章 每周分享第22期 (20180910~20180917)
查看>>
数值计算 插值与拟合
查看>>
Java学习必备书籍推荐终极版!
查看>>
thinkphp3.2.3源码学习(3)
查看>>
深入理解Java虚拟机之性能监控与故障处理工具
查看>>
Vue学习之路1-集成环境安装
查看>>
Chatopera企业聊天机器人解决方案
查看>>
[阿里云Java Web环境搭建]二、Ubuntu安装JDK
查看>>
大学生毕业后想成为产品经理?那你得先从以下几个方面入手!
查看>>
商品定时器
查看>>
记一次微信小程序动画实现
查看>>
Spring注解基础笔记
查看>>