я хочу установить текущую дату и время по умолчанию и показано в поле ввода - PullRequest
Новая
       1

я хочу установить текущую дату и время по умолчанию и показано в поле ввода

2 голосов
/ 19 сентября 2019

Я просто хочу показать текущую дату и время в текстовом поле и даже хочу выбрать даты ..

Вот мой ошибочный код: 

var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
var optComponent = {
  format: 'mm-dd-yyyy',
  container: '#datePicker',
  orientation: 'auto top',
  todayHighlight: true,
  autoclose: true
};
// COMPONENT
$('#datePicker').datepicker(optComponent);
$('#datePicker').datepicker('setDate', today);
<div class="form-group">
  <div class="input-group date" id="datePicker">
    <input type="text" class="form-control" name="date" value="">
    <span class="input-group-addon">
                                                            <i class="glyphicon glyphicon-calendar"></i>
                                                        </span>
  </div>
</div>

Ответы [ 2 ]

0 голосов
/ 20 сентября 2019

@ Джо

Попробуйте использовать следующий код 

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body onload="myFunction()">
Date: <input type="text" class="datepicker" id="demo"/>
<script>
function myFunction() {
$(document).ready(function(){
var todaydatetime = new Date();
  $(".datepicker" ).datepicker({
        dateFormat : 'dd-mm-yy',
        defaultDate: new Date()
    });
   $(".datepicker").attr('value', todaydatetime);
});
}
</script>
</body>
</html>

Надеюсь, приведенная выше информация будет для вас полезной.

Спасибо.

0 голосов
/ 19 сентября 2019

Ваш код работает нормально, вам не хватает date picker js 

var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
var optComponent = {
  format: 'mm-dd-yyyy',
  container: '#datePicker',
  orientation: 'auto top',
  todayHighlight: true,
  autoclose: true
};
// COMPONENT
$('#datePicker').datepicker(optComponent);
$('#datePicker').datepicker('setDate', today);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script>
<div class="form-group">
  <div class="input-group date" id="datePicker">
    <input type="text" class="form-control" name="date" value="">
    <span class="input-group-addon">
                                                            <i class="glyphicon glyphicon-calendar"></i>
                                                        </span>
  </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...