Question

这是我的代码HTML，用于生成destPate到datePicker的字段：

<div class="col-md-12">
    <div class="form-group">
        <label class="form-font input-size"> Date:</label>
        <div class="input-group">
            <input id="date-picker-2" type="text" class="date-picker form-control input-borders" name="pdf_date"/>
            <label for="date-picker-2" class="input-borders input-group-addon btn">
                <span class="glyphicon glyphicon-calendar"></span>
            </label>
        </div>
    </div>

这是我显示datePicker的JS代码。

$(".date-picker").datepicker({
    format: "dd MM yyyy"
});

我正在寻找一种输入文本字段的方法，将显示所选日期，特别是某些文字。

但是当您选择日期时，文本条目总是消失。

有什么方法可以避免这种情况吗？

我可以通过点击显示日期选择器的字段生成一个事件，并使用append属性添加到html文本？

我知道这可能是一个基本问题，但我无法解决。

Answer 1

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
</head>
<body>
  Shown Field : <input id="thedate" type="text" placeholder="dd MM yyyy" /><br />
  <input id="thesubmit" type="button" value="Submit" />
<script type="text/javascript">
  $(function(){
    $('#thedate').datepicker({
      dateFormat: 'dd-mm-yy',
      altField: '#thealtdate'
    });
    });
  </script>
</body>
</html>

允许datepicker的文本输入字段

1 个答案: