Javascript 如何将当前日期放入引导datetimepicker

目前我有两个输入框，一个是显示给用户的当前日期，另一个是选择日期和时间的datetimepicker。我想将两者的功能结合到一个单独的功能中，在这个功能中，用户可以看到当前日期，并有机会从选择器中选择日期/时间。问题是，当我尝试添加datetimepicker功能时，当前日期消失了

下面是两个输入框的代码，以及我早期尝试将这两个输入框结合起来的代码

Start Date: <input type="text" class="date-time-input" name="sdate" id="sdatefield1"/><br/>
<script type="text/javascript"> 
    // window.addEventListener("load", function() {
    var now = new Date();
    var utcString = now.toISOString().substring(0,19);
    var year = now.getFullYear();
    var month = now.getMonth() + 1;
    var day = now.getDate() - 1;
    var hour = now.getHours();
    var minute = now.getMinutes();
    var second = now.getSeconds();
    var localDatetime = 
    (day < 10 ? "0" + day.toString() : day) + "-" +
    (month < 10 ? "0" + month.toString() : month) + "-" +
    year + " " +
    //(day < 10 ? "0" + day.toString() : day) + "T" +
    (hour < 10 ? "0" + hour.toString() : hour) + ":" +
    (minute < 10 ? "0" + minute.toString() : minute) +
    utcString.substring(16,19);
    var datetimeField = document.getElementById("sdatefield");
    datetimeField.value = localDatetime;
//});
</script>

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker({
                sideBySide: true,
                format: 'DD-MM-YYYY HH:mm:ss', 
                });
            });
        </script>
    </div>
</div>

并结合：

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='sdatefield'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#sdatefield').datetimepicker({
                sideBySide: true,
                format: 'DD-MM-YYYY HH:mm:ss', 
                });
            });
        </script>
    </div>
</div>

<script type="text/javascript"> 
    // window.addEventListener("load", function() {
    var now = new Date();
    var utcString = now.toISOString().substring(0,19);
    var year = now.getFullYear();
    var month = now.getMonth() + 1;
    var day = now.getDate() - 1;
    var hour = now.getHours();
    var minute = now.getMinutes();
    var second = now.getSeconds();
    var localDatetime = 
    (day < 10 ? "0" + day.toString() : day) + "-" +
    (month < 10 ? "0" + month.toString() : month) + "-" +
    year + " " +
    //(day < 10 ? "0" + day.toString() : day) + "T" +
    (hour < 10 ? "0" + hour.toString() : hour) + ":" +
    (minute < 10 ? "0" + minute.toString() : minute) +
    utcString.substring(16,19);
    var datetimeField = document.getElementById("sdatefield");
    datetimeField.value = localDatetime;
//});
</script>

---

感谢您的帮助

启动日期时间选择器时，您可以设置默认日期

该部分中的js演示了这一点

因此，您的init将如下所示：

$(function () {
                $('#sdatefield').datetimepicker({
                sideBySide: true,
                defaultDate: localDatetime,
                format: 'DD-MM-YYYY HH:mm:ss', 
                });
            });

---

请记住，在使用此方法启动datetimepicker之前，您需要设置localDateTime的值

谢谢您的回复。当我尝试你的代码时，我得到了一个错误UncaughtReferenceError:localDateTime没有定义等等，你的是localDateTime，不是localDateTime。你能试试吗？编辑我的答案。我也尝试了defaultDate:localDatetime，而不是你的defaultDate:localDatetime，我得到了一个错误引导datetimepicker.min.js:8未捕获类型错误：defaultDate无法解析日期参数：29-08-2019 15:04:25我检查了一些事情，似乎是localDatetime的日期格式，出于某种原因，这就是用一天来代替几个月。因此defaultDate:08/23/2019 11:11:11起作用，但defaultDate:23/08/2019 11:11:11产生如上所示的错误。