Javascript 保持引导日期选择器始终打开

希望日期选择器始终可见，而不是在单击日历时。 所以我只是想知道如何做到这一点。我正在尝试

KeepOpen=true但这不起作用。我想知道我怎样才能做到这一点

这里我留下一些JS和html代码供您检查。如果你需要更多的推荐信，我可以给你

<script type="text/javascript">
 $(function () { var bindDatePicker = function() {
    $(".date").datetimepicker({
    useCurrent: false,
    keepOpen: true,
    format:'YYYY-MM-DD',
        icons: {
            time: "fa fa-clock-o",
            date: "fa fa-calendar",
            up: "fa fa-arrow-up",
            down: "fa fa-arrow-down"
        }
    }).find('input:first').on("blur",function () {

        // check if the date is correct. We can accept dd-mm-yyyy and yyyy-mm-dd.
        // update the format if it's yyyy-mm-dd
        var date = parseDate($(this).val());

        if (! isValidDate(date)) {
            //create date based on momentjs (we have that)
            date = moment().format('YYYY-MM-DD');
        }

        $(this).val(date);
    });
}
var isValidDate = function(value, format) {
    format = format || false;
    // lets parse the date to the best of our knowledge
    if (format) {
        value = parseDate(value);
    }

    var timestamp = Date.parse(value);

    return isNaN(timestamp) == false;
}

var parseDate = function(value) {
    var m = value.match(/^(\d{1,2})(\/|-)?(\d{1,2})(\/|-)?(\d{4})$/);
    if (m)
        value = m[5] + '-' + ("00" + m[3]).slice(-2) + '-' + ("00" + m[1]).slice(-2);

    return value;
}

bindDatePicker();


 });


$（函数（）{var bindDatePicker=function（）{
$（“.date”）.datetimepicker({
useCurrent:false，
基波潘：是的，
格式：'YYYY-MM-DD'，
图标：{
时间：“fa-fa-clock-o”，
日期：“日历”，
向上：“法-法-箭头向上”，
向下：“法-法-箭头向下”
}
}).find（'input:first'）。打开（“模糊”，函数（）{
//检查日期是否正确。我们可以接受dd-mm-yyyy和yyyy-mm-dd。
//如果是yyyy-mm-dd，则更新格式
var date=parseDate（$（this.val（））；
如果（！isValidDate（日期））{
//基于momentjs创建日期（我们有）
日期=时刻（）.格式（'YYYY-MM-DD'）；
}
$（此）.val（日期）；
});
}
var isValidDate=函数（值、格式）{
格式=格式| |假；
//让我们尽我们所知解析日期
如果（格式）{
值=解析日期（值）；
}
var timestamp=Date.parse（值）；
返回isNaN（时间戳）=false；
}
var parseDate=函数（值）{
var m=value.match（/^（\d{1,2}）（\/\124;-）（\ d{1,2}）（\/\124-）？（\ d{4}）$/）；
如果（m）
值=m[5]+'-'+（“00”+m[3]）。切片（-2）+'-'+（“00”+m[1]）。切片（-2）；
返回值；
}
bindDatePicker（）；
});

下面是div cointaining：

<div class="container">
        <div class="row">
            <div class='col-sm-3'>
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker1'>
                        <input type='text' name="datepicker" autocomplete="off" class="form-control" id="datepicker" />
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>


您必须使用方法使日期时间选择器保持可见，请注意，所有日期时间选择器的功能都可以通过数据属性访问，例如

$('.date').data("DateTimePicker").show();

工作演示：


$（文档）.ready（函数（）{
var bindDatePicker=函数（）{
$（“.date”）.datetimepicker({
useCurrent:false，
基波潘：是的，
格式：'YYYY-MM-DD'，
图标：{
时间：“fa-fa-clock-o”，
日期：“日历”，
向上：“法-法-箭头向上”，
向下：“法-法-箭头向下”
}
}).find（'input:first'）。打开（“模糊”，函数（）{
//检查日期是否正确。我们可以接受dd-mm-yyyy和yyyy-mm-dd。
//如果是yyyy-mm-dd，则更新格式
var date=parseDate（$（this.val（））；
如果（！isValidDate（日期））{
//基于momentjs创建日期（我们有）
日期=时刻（）.格式（'YYYY-MM-DD'）；
}
$（此）.val（日期）；
});
//这里通过js显示dateTimePicker
$（'.date'）.data（“DateTimePicker”）.show（）；
}
var isValidDate=函数（值、格式）{
格式=格式| |假；
//让我们尽我们所知解析日期
如果（格式）{
值=解析日期（值）；
}
var timestamp=Date.parse（值）；
返回isNaN（时间戳）=false；
}
var parseDate=函数（值）{
var m=value.match（/^（\d{1,2}）（\/\124;-）（\ d{1,2}）（\/\124-）？（\ d{4}）$/）；
如果（m）
值=m[5]+'-'+（“00”+m[3]）。切片（-2）+'-'+（“00”+m[1]）。切片（-2）；
返回值；
}
bindDatePicker（）；
});

可能与它所帮助的Glade重复，有没有办法在
React
中这样做以保持日历始终打开？