主页 / 问题 / 1285314
Accepted
Иван
Asked:2022-05-23 23:47:19 +0000 UTC2022-05-23 23:47:19 +0000 UTC

如何在js中替换日期？

  • 772

在表单中，我使用 js 获得动态日期

 <select name="date" class="form-control input-lg">
 <?php
 foreach($coins as $item) {
 $times = date('d.m.Y', $item['date']);
         
  echo '<option value="' . $times . '">' . $item['name'] . '</option>';
  
 }
 ?>
 </select>

    <div class="form-group">
      <div class="input-group" id="datetimepicker3">
        <input name="calendar" type="text" class="form-control input-lg" />
        <span class="input-group-addon">
          <i class="glyphicon glyphicon-calendar"></i>
        </span>
      </div>
    </div>
    <div class="btn-group" style="margin-bottom: 5px;">
      <button id="ever" class="btn btn-default" title="Установить минимальную дату">
      </button>
    </div>

日期存储在上面id="ever"并动态更改。

如何在 js 中用这个日期替换默认日期 11/01/2017？

<script>

    
$('.form-control').on('change', function () {
var div = $('#ever');
div.text($(this).val());

//window.alert('#ever');

$('#datetimepicker3').datetimepicker({ 
locale: 'ru',
format: 'DD.MM.YYYY',
minDate: moment('01.11.2017').format('DD.MM.YYYY')
});

$('#datetimepicker3').datetimepicker({
locale: 'ru'
}); 

});
</script>

在选择中，我选择了一枚硬币并从中收到日期。检查日期，我把它带到按钮id="ever"，日期改变，但我不知道如何将它插入到js日历代码中（minDate）。

谢谢你。

javascript

1 个回答

  1. Best Answer

    我在这里阅读了帮助，因为我从引导日期选择器中了解到它。你可以只安装useCurrent: true.

    $('#datetimepicker3').datetimepicker({ 
  locale: 'ru',
  format: 'DD.MM.YYYY',
  useCurrent: true
});

    UPD：
    评论后，任务发生了一些变化。我认为是这样的？

    $('#datetimepicker3').datetimepicker({
    locale: 'ru',
    format: 'DD.MM.YYYY'
  });

$('.form-control').on('change', function() {
  let date = $(this).val();

  $('#ever').text(date);
  $('#datetimepicker3').data("DateTimePicker").minDate(moment(date, 'DD.MM.YYYY'))
});
    <html>

<head>
  <!-- Bootstrap CSS -->
  <link href="https://itchief.ru/examples/libs/bootstrap-3/css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome CSS -->
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <!-- Bootstrap DateTimePicker CSS -->
  <link href="https://itchief.ru/examples/vendors/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
  
  <!-- jQuery -->
  <script src="https://itchief.ru/examples/vendors/jquery/jquery-3.min.js"></script>
  <!-- Bootstrap -->
  <script src="https://itchief.ru/examples/libs/bootstrap-3/js/bootstrap.min.js"></script>
  <!-- Moment -->
  <script src="https://itchief.ru/examples/vendors/moment/moment-with-locales.js"></script>
  <!-- Bootstrap DateTimePicker -->
  <script src="https://itchief.ru/examples/vendors/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
</head>

<body>
  <select name="date" class="form-control input-lg">
    <option value="20.05.2021">20 мая</option>
    <option value="22.05.2021">22 мая</option>
  </select>

  <div class="form-group">
    <div class="input-group" id="datetimepicker3">
      <input name="calendar" type="text" class="form-control input-lg" />
      <span class="input-group-addon">
          <i class="glyphicon glyphicon-calendar"></i>
        </span>
    </div>
  </div>

  <div class="btn-group" style="margin-bottom: 5px;">
    <button id="ever" class="btn btn-default" title="Установить минимальную дату"></button>
  </div>
</body>

</html>

    • 1

相关问题