bootstrap-datetimepicker 如何获取值（日期）

最新推荐文章于 2025-05-11 13:37:07 发布

往前的

最新推荐文章于 2025-05-11 13:37:07 发布

阅读量4.5w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： bootstrap-datetimepi datetimepicker 获取值 value 值

本文链接：https://blog.youkuaiyun.com/m0_37355951/article/details/78052731

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用 Bootstrap DateTimePicker 插件来选择日期和时间。提供了两种获取选定日期的方法，并展示了如何格式化日期输出。

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

概述，用来bootstrap-datatimepicker 的日期控件，现在想要获取控件的值，去官网找API，发现居然没有更新文档，只能去stackflow找到了。

直接贴代码吧

<li id="startTime" class="input-append date form_datetime">开始时间： <input
							size="20" type="text" value="" readonly> <span
							class="add-on calendarIcon"><i
								class="icon-calendar glyphicon glyphicon-th"></i></span>
						</li>

获取值：

方法一：

$("#startTime").data("datetimepicker").getDate()

方法二：

$("#startTime").find("input").val();

如果想要有格式化的日期，可以如下操作：

var date = $("#startTime").data("datetimepicker").getDate(),
    formatted = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours + ":" + date.getMinutes() + ":" + date.getSeconds();
alert(formatted);

或者在input标签直接设置 data-format

 <input data-format="yyyy-MM-dd hh:mm:ss" type="text"></input>

引用地址：https://stackoverflow.com/questions/16573624/get-the-value-of-bootstrap-datetimepicker-in-javascript