允許文本輸入字段日期選擇

這是我的HTML代碼來生成場destinate到日期選擇器：允許文本輸入字段日期選擇

<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>

這是我的JS代碼，以顯示日期選擇器。

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

我正在尋找一種方法來進入文本字段將顯示選定的日期，特別是一些文本。

但是，當您選擇日期時，文本輸入始終消失。

有什麼辦法可以避免這種情況？

我可以生成一個事件，通過點擊顯示日期選擇器的字段，並添加到HTML使用附加屬性，文本？

我知道這可能是一個基本的問題，但我無法解決它。

來源

2016-04-07 urreta17

<!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>

來源

2016-04-07 17:53:52

允許文本輸入字段日期選擇

回答

相關問題