次のようにページが読み込まれたときに、最初に日付ピッカーを初期化することから始めます。
$(document).ready(function() {
// Date picker initialisation
$("#datepicker").datepicker({
showOn: 'button',
buttonImage: 'images/button_cal.gif',
buttonImageOnly: true,
dateFormat: 'd MM yy',
minDate: new Date(),
onSelect: function(dateText, inst) {
// inst.selectedYear, selectedMonth and selectedDate hold the values you need. Use $.ajax() to send off to the server.
}
});
// Show the date picker
$(".class").click(function() {
$("#datepicker").datepicker("show");
});
});
次のサンプルを試してください。「日付」というテキストをクリックすると、日付ピッカーが表示されます。おそらく、このサンプルから作業して、シナリオを機能させることができます。
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker({});
$("#test").click(function(){
$("#datepicker").datepicker('show');
});
});
</script>
<p id="test">Date:</p> <input type="text" id="datepicker">