引导日期选择器问题答案

【问题标题】：Bootstrap Datepicker problems引导日期选择器问题
【发布时间】：2016-06-15 05:23:49
【问题描述】：

我正在尝试让引导日期选择器工作，但它甚至没有出现。

下面的代码示例。

$(function() {

    $('#txt_TkhMulaMohon').datepicker();

});




<div class="col-sm-2">
    <div class="input-group input-group-lg">
        <asp:TextBox ID="txt_TkhMulaMohon" runat="server" CssClass="form-control"></asp:TextBox>
        <span class="input-group-addon"><i class="fa fa-calendar fa-lg"></i></span>
    </div>
</div>

【问题讨论】：

任何控制台错误？
你添加了对datepicker插件的引用吗？
@GuruprasadRao，我认为这是错误......即使是有经验的程序员也会遇到这个问题。

标签： jquery twitter-bootstrap datepicker

【解决方案1】：

像这样尝试，在你的 javascript 文档中包含这个位：

function datepicker() {
    $('.txt_TkhMulaMohon').datepicker({
        format: 'dd-mm-yyyy',

    }).on('changeDate', function(e){
        $(this).attr('value', $('.txt_TkhMulaMohon').val());
        $(this).datepicker('hide');
    }); 
}

在要获取日期选择器的输入处添加onclick="datepicker();"

我还将您的选择器更改为 .txt_TkhMulaMohon 类

【讨论】：

谢谢，这对我有用。但是，日期选择器在选择日期后不会隐藏。
你能更新你帖子中的代码，这样我就可以看到你做了什么？