jquery bootstrap datepicker 选择日期函数答案

【问题标题】：jquery bootstrap datepicker Select date functionjquery bootstrap datepicker 选择日期函数
【发布时间】：2016-11-23 03:31:56
【问题描述】：

一旦用户从 Datepicker 日历中选择日期，我会尝试提醒日期。

为此我尝试了以下事情

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

但是这个不适合我

所以我又尝试了这样的事情

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

一旦选择日期，这个也不会发出任何警报，当我使用 firebug 进行调试时，我也看不出任何错误。

用户选择日期后获取所选日期的确切方法是什么

【问题讨论】：

标签： jquery twitter-bootstrap datepicker

【解决方案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"/>

【讨论】：