我正在尝试将标准日期选择器(如广播日期选择器)添加到标准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 = ...
这些额外的信息证实了我的想法,但实际上还不足以进行调查。就是说,与您的假设“理论上,应该起作用”