bootstrap-datetimepicker 获取时间

最新推荐文章于 2023-09-14 16:45:10 发布

weixin_33709609

最新推荐文章于 2023-09-14 16:45:10 发布

阅读量1.6k

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2998098/blog/1541687

版权

本文介绍如何使用bootstrap-datetimepicker插件初始化日期时间选择器，并展示了如何通过不同格式设置开始时间和结束时间。同时，提供了获取所选时间的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

下面是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/1541687