jquery bootstrap datepicker選擇日期函數

Question

我試圖提醒日期，一旦用戶從Datepicker日曆選擇日期。

的，我試過以後的事

$('#startdate').datepicker({ 
    onSelect: function(date) { 
     alert(date) 
    } 
}); 

但是這一次不是爲我工作

所以我再次嘗試這樣的事情

$(function() { 
    $('#startdate').datetimepicker({ 
     defaultDate: new Date() 
    }).on('dp.change',function(event){ 
     alert("something") 
    }); 
}); 

這其中也沒有提醒任何一次選擇日期，當我使用螢火蟲調試時，我也看不出任何錯誤。

請告訴我去取選定的日期，一旦用戶選擇日期

Answer 1

見工作演示我覺得你是缺少一些jQuery庫在你的代碼的確切方式...

...

解決方案1：

$(function(){  
 
    $('#thedate').datepicker({ 
 
     dateFormat: 'dd-mm-yy', 
 
     onSelect: function(date) { 
 
      alert(date) 
 
     }, 
 
     
 
    }); 
 
    
 
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<link href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
Select Date : <input id="thedate" type="text" /><br /> 
 
<input id="thesubmit" type="button" value="Submit" />

解決方案2：

$(function() { 
 
    $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }); 
 
    $("#datepicker").on("change",function(){ 
 
     var selected = $(this).val(); 
 
     alert(selected); 
 
    }); 
 
});

<link href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<input type="text" id="datepicker"/>