Question

<div class="col-md-3">
    <div class="form-group">
        <label>Today's Date</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-calendar"></i>
            </div>
            <input name="TodaysDate" type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask required>
        </div><!-- /.input group -->
    </div>
</div><!-- /.col -->

<div class="col-md-3">                                  
    <div class="bootstrap-timepicker">
        <div class="form-group">
            <label>Current Time</label>
            <div class="input-group">                                                
                <input name="CurrentTime" type="time" class="form-control" disabled>
                <div class="input-group-addon">
                    <i class="fa fa-clock-o"></i>
                </div>
            </div><!-- /.input group -->
        </div><!-- /.form-group -->
    </div>
</div><!-- /.col -->

以上是我正在使用的代码。我的问题是，默认情况下，如何将这些显示设为当前日期和时间。时间？以下是它们在屏幕上的显示方式：http://imgur.com/a/hlaMi（一旦拉出当前日期，我将禁用日期字段）。

我希望它们显示为文本框，因为我会将其设置在页面上提交的位置，我将捕获当前日期和时间。在MongoDB中的时间。提前谢谢！

Answer 1

您可以使用jQuery获取当前日期和时间，然后更改元素的内部值。 $("input[name='maTodaysDaten']").val($.datepicker.formatDate('dd M yy', new Date())); $("input[name='mTodaysDatean']").val($.timepicker('setTime', new Date()));

Answer 2

您可以使用JQuery获取当前日期/时间并设置字段的值。这样，字段是否被禁用无关紧要：

$(document).ready(function() {
  var d = new Date();
  var month = d.getMonth()+1;
  var day = d.getDate();
  var hour = d.getHours();
  var minute = d.getMinutes();
  var second = d.getSeconds();
  var outputDate = d.getFullYear() + '/' + (month<10 ? '0' : '') + month + '/' + (day<10 ? '0' : '') + day;
  var outputTime = (hour<10 ? '0' : '') + hour + ':' + (minute<10 ? '0' : '') + minute + ':' + (second<10 ? '0' : '') + second;
  $('input[name=TodaysDate]').val(outputDate);
  $('input[name=CurrentTime]').val( "00:01:00" );
});

这是jsfiddle给你的

如何显示当前日期和时间在不可编辑的字段中的时间？

2 个答案: