gpt4 book ai didi

javascript - Bootstrap Datetimepicker 不在文本字段中显示日期

转载 作者:行者123 更新时间:2023-11-28 03:54:53 24 4
gpt4 key购买 nike

在 ASP.net mvc 5、Bootstrap v3.3.7 上进行开发

在表单中,我有一个“校准日期”字段。我可以在我的开发和测试机器上的该字段上加载 Bootstrap datetimepicker。它在那里工作正常,但在实时服务器上,当页面加载时,TextBoxFor 日期字段不会在其中显示日期。单击文本框后,日期时间选择器就会出现,然后日期就会在其中呈现。

我还确认 ViewModel 确实包含加载页面时的日期值。它只是在页面加载时不会渲染,并且仅在生产环境中进行渲染。

知道可能是什么原因

我正在 BootstrapModal 的部分 View 中加载表单。

 @Html.TextBoxFor(model => model.date_of_calibration, new { id = "date_of_calibration", @class = "form-control" })

加载datetimepicker为。

$(document).ready(function () {
$("#date_of_calibration").datepicker({ format: 'DD-MM-YYYY'});}

还在我的部分 View 中加载了以下脚本

<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>
<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />

更新

因此,在我将模型中的字段加载为 model.date_of_calibration = DateTime.Now; 之前,将其更改为 = DateTime.Now.Date; ,它仅使用DateTime 实例的日期组件。

现在,当页面加载时,日期确实会显示在字段中。但它做错了。交换“日期和月份”。即如果数据库记录有 2017-12-05 00:00:00.000(即 12 月 5 日),则会显示 12-05-2017(即 5 月 12 日) 05-12-2017

现在,这又只发生在实时环境中。

最佳答案

请在您自己的 html 文件上尝试此代码

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Minified JS library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Minified Bootstrap JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<link href="http://lisenme.com/demo/date_time_pick/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script src="http://lisenme.com/demo/date_time_pick/js/bootstrap-datetimepicker.min.js"></script>

</head>
<body>

<div class="container">
<h1>Inline Datetime Picker</h1>
<div id="datetime4"></div>

<script type="text/javascript">
$("#datetime4").datetimepicker();
</script>

<h1>Datetime Picker</h1>
<input size="16" type="text" class="form-control" id="datetime" readonly>

<script type="text/javascript">
$("#datetime").datetimepicker({
format: 'yyyy-mm-dd hh:ii'
});
</script>

<h1>Datetime Picker Auto Close</h1>
<input size="16" type="text" class="form-control" id="datetime2" readonly>

<script type="text/javascript">
$("#datetime2").datetimepicker({
format: 'yyyy-mm-dd hh:ii',
autoclose: true
});
</script>

</div>

</body>

</html>

关于javascript - Bootstrap Datetimepicker 不在文本字段中显示日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47636660/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com