Twitter bootstrap 如何使用引导数据采集器作为输入创建引导框提示符

我正在使用bootbox创建一个对话框

bootbox.dialog({
    message: 'Datepicker input: <input id="date"></input>',
    title: "Custom label",
    buttons: {
        main: {
            label: "Save",
            className: "btn-primary",
            callback: function () {
                console.log("Hi " + $('#first_name').val());
            }
        }
    }
});

$("#date").datepicker(); //Not working

bootbox.dialog({
消息：“日期选择器输入：”，
标题：“自定义标签”，
按钮：{
主要内容：{
标签：“保存”，
类名：“btn主节点”，
回调：函数（）{
log（“Hi”+$（'#first_name'）.val（））；
}
}
}
});
$（“#日期”）.datepicker（）//不起作用

---

你知道如何用datepicker输入创建引导框提示符吗？谢谢

这个解决方案帮了我的忙。欢迎对这个问题采取任何更好的办法

function BootboxContent() {
    var frm_str = '<form id="some-form">'
        + '<div class="form-group">'
        + '<label for="date">Date</label>'
        + '<input id="date" class="date span2 form-control input-sm" size="16" placeholder="dd-mm-yy" type="text">'
        + '</div>'
        + '</form>';

    var object = $('<div/>').html(frm_str).contents();

    object.find('.date').datepicker({
        format: 'yyyy-mm-dd',
        autoclose: true
    }).on('changeDate', function (ev) {
        $(this).blur();
        $(this).datepicker('hide');
    });

    return object
}

//Show the datepicker in the bootbox
bootbox.dialog({
    message: BootboxContent,
    title: "Reschedule Rule",
    buttons: {
        main: {
            label: "OK",
            className: "btn-primary"
        }
    }
});

---

对于我正在进行的一个余烬项目，我有同样的问题。将我的解决方案应用于您的代码将如下所示：

bootbox.dialog({
    message: 'Datepicker input: <input id="date"></input>',
    title: 'Custom label',
    buttons: {
        main: {
            label: 'Save',
            className: 'btn-primary',
            callback() {
                console.log("Hi " + $('#first_name').val());
            }
        }
    }
}).datepicker();

bootbox.dialog({
消息：“日期选择器输入：”，
标题：“自定义标签”，
按钮：{
主要内容：{
标签：“保存”，
类名：“btn主”，
回调函数（）{
log（“Hi”+$（'#first_name'）.val（））；
}
}
}
}).datepicker（）；

---

只需将

datepicker（）

添加到Bootbox调用的末尾。在我的项目中为我工作，希望在你的项目中也能为你工作。

太棒了！非常感谢你！但是，我认为我们可以使用更多细节：bootbox.dialog（{…}）.find（#date”）.datepicker（）；

bootbox.dialog({
    message: 'Datepicker input: <input id="date"></input>',
    title: 'Custom label',
    buttons: {
        main: {
            label: 'Save',
            className: 'btn-primary',
            callback() {
                console.log("Hi " + $('#first_name').val());
            }
        }
    }
}).datepicker();