添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
伤情的热水瓶  ·  Bootstrap.datetimepick ...·  1 周前    · 
焦虑的扁豆  ·  vue-date-time - npm·  1 月前    · 
面冷心慈的豆腐  ·  DateTimePicker ...·  2 月前    · 
正直的芹菜  ·  使用 DateTimePicker ...·  2 月前    · 
狂野的毛豆  ·  Getting started | Vue ...·  10 月前    · 
另类的蚂蚁  ·  Problem with embeding ...·  10 月前    · 

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

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

下面的代码是初始化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/1540520