如何使用datetimepicker显示数据库中的日期而不显示当前日期
datetimepicker 是一个常用的日期时间选择器插件，它可以方便地让用户选择日期和时间。如果你想让 datetimepicker 显示数据库中的日期而不显示当前日期，你需要做的是在初始化 datetimepicker 时设置其默认值为数据库中的日期。
以下是一个使用 jQuery 和 Bootstrap 的 datetimepicker 插件来显示数据库中日期的示例：
- HTML 结构:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Datetimepicker Example</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<div class="input-group date" id="datetimepicker">
<input type="text" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
</body>
</html>- JavaScript 初始化:
$(function () {
// 假设从数据库获取的日期是 '2023-04-30'
var dbDate = '2023-04-30';
$('#datetimepicker').datetimepicker({
format: 'YYYY-MM-DD', // 设置日期格式
defaultDate: dbDate // 设置默认日期为数据库中的日期
});
});在这个示例中，defaultDate 选项被设置为从数据库中获取的日期字符串。这样，当页面加载时，datetimepicker 将显示该日期而不是当前日期。
应用场景: 这个功能适用于任何需要用户编辑数据库中已有日期的场景，例如编辑文章发布日期、事件日期等。
可能遇到的问题及解决方法:
- 日期格式不匹配: 确保
defaultDate的值与format选项设置的格式相匹配。 - 时区问题: 如果数据库中的日期是 UTC 时间，而用户位于不同的时区，可能需要处理时区转换。
- 插件版本兼容性: 确保使用的
datetimepicker插件版本与 Bootstrap 和 jQuery 的版本兼容。
参考链接:
请注意，上述代码示例使用了 Bootstrap 3 和相应版本的 datetimepicker。如果你使用的是 Bootstrap 4 或更高版本，可能需要调整 CSS 和 JavaScript 文件的链接以及初始化代码。
相关·内容
5回答
每次我保存或更新数据时，日期都可以正常工作，但时间始终是12:00 a时间应该是我输入数据并保存到数据库中的时间。这是我的更新代码 con.Open()
Using com As New SqlClient.SqlCommand("UPDATE Informationset FiveS_Date = '" & DateTimePicker1.Text & "',
浏览 0提问于2016-05-23得票数 0
我想知道两者之间的区别。当我显示为文本时，结果是-2013年12月27日星期五
这才是更好的选择。我被告知，如果pc中的数据格式不同(例如，一台pc有dd，mm，yyyy，othe pc有mm，dd，yyyy)，则数据选择器可能会显示错误。
浏览 4提问于2013-12-27得票数 1
回答已采纳
我的引导程序3数据选择器配置为： $('#datetimepicker').datetimepicker({ sideBySide: true});
我真正需要的是，如果输入表单的值为空(即数据库中的适当字段为空)，则只显示当前的
浏览 2提问于2016-04-25得票数 2
回答已采纳
11回答
我使用了来自：的日期选择器获取字符串、日期、矩、空参数，并将组件模型当前矩设置为该参数。我试过了
$('#datetimepicker2').datet
浏览 13提问于2015-06-17得票数 17
回答已采纳
实际上，我在尝试显示当前日期并允许选择过去日期时遇到了一些问题。如果将当前日期设置为今天的日期，则不能选择过去的日期，如果删除参数startDate: new Date()，则可以选择过去的日期，但默认显示的日期将更改为1899年。我不能同时保持两种逻辑。使用以下代码片段，我可以默认显示<em
浏览 3提问于2018-03-03得票数 0
">Dob</label> <div class='input-group date' id='datetimepicker1span> </div></body>
<scr
浏览 0提问于2020-04-14得票数 1
单击按钮时，我希望将DateTimePicker设置为显示日期和时间，如下所示：time = 10:30:00。以下代码更改日期和时间，但不保留当前日期：{}
我想要<e
浏览 4提问于2015-12-14得票数 1
回答已采纳
我只是想知道，如果另一个日期时间选择器的值发生变化，是否可以编辑另一个日期时间选择器的最大日期和最小日期，因为我正在尝试做的是，当我为我的第一个日期时间选择器选择一个日期时，它会自动将另一个日期时间选择器设置为只选择接下来的
浏览 1提问于2019-03-27得票数 0
5回答
我有一个DateTime选择器来将到达时间添加到列表中，我有两个问题要问：
theVisit.ArrivalTime = DateTimePic
浏览 3提问于2012-12-04得票数 4
1回答
如何选择当前日期
、、
我有一台DateTimePicker。默认情况下，它显示当前日期。为了通过日历选择日期，我必须单击一个日期，然后将DateTimePicker.Value赋给DateTimePicker_ValueChanged事件处理程序中的一个变量。当我选择当天时，DateTimePicker_ValueChanged事件不会发生。如何使用日历选择当前<em
浏览 4提问于2019-03-10得票数 0
moment(new Date()).format("YYYY-MM-DD") : jQuery("#HF_Date")[0].value;<asp:HiddenField runat="server" ID="HF_Date" Value='<%# Eval("Date"
浏览 123提问于2021-11-19得票数 0
当我编辑现有记录并打开Bootstrap DateTimePicker时，它会显示今天的日期，而不是输入值日期。当我关闭日历(不更改日期)并重新打开它时，它确实显示了记录值的月份。有人能告诉我如何让它在最初的正确日期打开吗？HTML：
<div class="input-group date" id="datetimep
浏览 6提问于2017-04-24得票数 0
我使用了DateTimePicker控件和下面的代码，当我从选择器中选择它时，它会显示一个当前的DateTime。我需要的是，无论我选择了什么DateTime，它只会显示它，而不是现在。我把它显示在下一页...DateTime DateFrom = DateTime.Now;
DateTime.TryParse(datetimepicker.Value
浏览 7提问于2016-05-17得票数 0
我在windows窗体中有一个日期时间选择器。当我选择一个日期时，它会显示上次选择的日期和当前日期。但我想始终只显示当前日期。它不应在选择下拉列表中显示上次选择日期和当前日期(两者)。
浏览 0提问于2014-02-26得票数 0
目前我正在一个项目中使用来自的DateTimePicker。我有两个日期字段(开始日期和结束日期)，我希望以当前用户区域设置的格式显示日期。在Chrome中，我使用了一个插件，它允许我指定Accept-Language头文件，我将其设置为en-GB。上，当您选择一个日期时，字段中的日期格式将以美国格式mm-dd
浏览 6提问于2019-07-10得票数 0
3回答
我正在开发一个应用程序，其中用户调度他的日期，时间和事件。我想知道是否有可能以hh:mm:ss /PM格式存储时间，而不是24小时。，在我之前，开发人员将这个程序移植到web上，但没有移植DMS (数据库管理系统，也就是数据输入人员的实用程序)，我不知道这背后的原因。迁移后，我们不能再使用旧的DMS程序，所以我不得不编写新的DMS程序。
我问了几个关于从mssql迁移到mysql的问题，然后大家都可以在
浏览 1提问于2014-04-04得票数 1
回答已采纳
我知道(从引用中)可以设置DateTimePicker的值，如下所示：exampleDtPicker.Value= new DateTime(2010, 10, 6);
但是，这并不改变窗体上显示的值，而是显示当前本地日期。与exampleDtPicker默认值不同的属性是否影响D
浏览 3提问于2017-12-06得票数 0
回答已采纳
1回答
我的Laravel应用程序当前设置为使用UTC作为时区。它将其用于所有日期，例如created_at和updated_at。然而，在我的应用程序中，我有一个表单，它允许用户使用Bootstrap datetimepicker插件指定一个scheduled_at日期。现在这里的问题是，datetimepicker插件使用momentjs来自动显示用户本地时区
浏览 47提问于2017-07-09得票数 0
回答已采纳
我在Bootstrap4/ ASP.net MVC Core2网站上使用Tempus Dominus日期时间选择器。$(fun
浏览 30提问于2020-02-12得票数 1
4回答
我正在尝试做一个程序，将日期存储在数据库中的格式为dd/MM/yyyy.我搜索了一下，看到了相同的结果。我试着给它编码，但它不能工作。输入日期的格式为dd/MM/yy，使用datetimepicker的自定义格式。在稍微操作字符串以删除填充零之后，返回的字符串是MM/dd/yyyy。以下是我的代码
System.Windo
浏览 1提问于2013-05-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
