Question

我的日期选择器正在工作，但是我想在输入框中添加生日文本。请帮助

这是我的代码：

$(function() {
  $("#datepicker").datepicker({
    autoclose: true,
    todayHighlight: true
  }).datepicker('update', new Date());
});

<div class="inputField half">
  <div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy">
    <input class="form-control" type="text" readonly />
    <span class="input-group-addon"><i class="material-icons">date_range</i> 
     </span>
  </div>

  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>

Answer 1

如果我了解您的需求，则可以执行以下操作（只需更改输入值）：

$(function() {
  $("#datepicker").datepicker({
    autoclose: true,
    todayHighlight: true,
  }).datepicker('update', new Date());
  $('#datepicker input').val('birthday: ' + $('#datepicker input').val());
});

然后根据需要将更新的输入值包装在某些更新回调中。

https://jsfiddle.net/re9zpu2g/

如何在引导日期选择器中添加自定义文本添加

1 个答案: