向bokeh标准文本输入中添加自定义日期选择器

问题描述 投票:0回答:1

我正在尝试将标准日期选择器(如广播日期选择器)添加到标准bokeh文本输入中。

我添加了JS引用,并在文本输入字段中链接了一个类,例如:

event = TextInput(title=u"Event Date", value=' ', css_classes=['datepicker-here'])

从理论上讲,这应该起作用,但是,这不是...我也尝试使用其他标准的日期选择器,但没有成功。

这里是另一种情况:Flatpicker。一个简单的日期选择器,可以完美地配合此设置:

创建简单的文本输入:

事件= TextInput(标题= u“事件”,css_classes = ['flatpkr'])

并将所需的js代码放入模板中。

泄密机示例在这里(它如何工作):

$("input[type='text']").flatpickr({
    enableTime: true,
    dateFormat: "F, d Y H:i"
});
<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.2.3/flatpickr.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.2.3/themes/dark.css">
</head>
<body>
  <div>
    <input type="text" placeholder="Please select Date Time">
  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.2.3/flatpickr.js"></script>
</body>

如果在纯网页中设置,则一切正常。尽管我在模板中设置了完全相同的代码,但在Bokeh中却没有]

{% extends base %}

{% block postamble %}
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.2.3/flatpickr.css">
{% endblock %}

{% block contents %}
    {{ super() }}
    <!-- JS Scripts -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <!-- Flatpicker -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.2.3/flatpickr.js"></script>
    <script type="text/javascript">
        flatpickr("input[type='text']", {
            "minDate": new Date().fp_incr(1)
        });
    </script>
{% endblock %}

我正在尝试将标准日期选择器(如广播日期选择器)添加到标准bokeh文本输入中。我添加了JS引用,并在文本输入字段中链接了一个类,例如:event = TextInput(title = ...

python input bokeh
1个回答
0
投票

这些额外的信息证实了我的想法,但实际上还不足以进行调查。就是说,与您的假设“理论上,应该起作用”

© www.soinside.com 2019 - 2024. All rights reserved.