jQuery的日期選擇器來輸入正常的文本和日期

Question

如何使用jQuery的日期選擇器輸入日期從圖標，並採取從鍵盤隨機文本。

例如
我需要一個文本框才能採取準確的日期（26-10-2015）以及3年後的文本。

在此先感謝。

Answer 1

你可以只使用一個隱藏輸入的日期選擇用這種邏輯e.g的：

$(function() { 
 
    $(".date").datepicker({ 
 
    dateFormat: 'dd/mm/yy', 
 
    showOn: "button", 
 
    buttonImage: "https://htmlcssphptutorial.files.wordpress.com/2015/09/b_calendar.png", 
 
    buttonImageOnly: true, 
 
    buttonText: "Select date", 
 
    onSelect: function(dateText) { 
 
     $(this).prev().val(dateText); 
 
    } 
 
    }); 
 
    $('input + .date').prev().on('change', function() { 
 
    var dateStr = this.value.split(/[\/-]/); 
 
    $(this).next().datepicker("setDate", new Date(dateStr[2], dateStr[1] - 1, dateStr[0])); 
 
    }) 
 
});

.date { 
 
    display: none; 
 
}

<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
<input placeholder="Any text there" /> 
 
<input type="text" name="date" class="date" readonly />