javascript - 如何在 Bootstrap 日期选择器中添加自定义文本添加

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/