Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bokeh DatePicker value format inconsistent

See original GitHub issue

I have two DatePicker widgets and I am trying to pass the DatePicker values thru the URL when the user changes the DatePicker value, and I am seeing odd behavior. The DatePicker date format toggles between a string and an epoch when I change the other DatePicker. Best shown by example, here are two URLs that are produced when I change each DatePicker,

http://127.0.0.1:6800/?start_date=1529424998666&end_date=Tue Jun 19 2018 http://127.0.0.1:6800/?start_date=Fri Jun 08 2018&end_date=1529512006618

Browser: Chrome Host OS: Windows 10 Python: 2.7.11

from datetime import datetime, timedelta
from bokeh.embed import components
from bokeh.models.widgets.inputs import DatePicker
from bokeh.models.callbacks import CustomJS
from bokeh.layouts import column

from flask import Flask

app = Flask(__name__)


@app.route("/", methods=['GET'])
def test():
    text = """<!DOCTYPE html>
    <html lang="en">
    <head>
        <link href="https://cdn.pydata.org/bokeh/release/bokeh-0.12.15.min.css" rel="stylesheet" type="text/css">
        <script src="https://cdn.pydata.org/bokeh/release/bokeh-0.12.15.min.js"></script>
        <link href="https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.15.min.css" rel="stylesheet" type="text/css">
        <script src="https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.15.min.js"></script>
        <meta charset="UTF-8">
    </head>
    <body>"""

    d_yesterday = datetime.today() - timedelta(days=1)
    d_year_ago = datetime.today() - timedelta(days=365)
    datepicker_start = DatePicker(title="Start Date", min_date=d_year_ago, max_date=datetime.now(), value=d_yesterday)
    datepicker_end = DatePicker(title="End Date", min_date=d_year_ago, max_date=datetime.today(), value=datetime.today())

    all_callback = CustomJS(args=dict(d_start=datepicker_start, d_end=datepicker_end), code="""
        function encodeQueryData(data) {
            let ret = [];
            for (let d in data)
                ret.push(encodeURIComponent(d) + '=' + encodeURIComponent(data[d]));
            return ret.join('&');
        }
        var params = {'start_date': d_start.value, 'end_date': d_end.value }
        var url = '/?' + encodeQueryData(params)
        window.location.replace(url);
    """)
    datepicker_start.callback = all_callback
    datepicker_end.callback = all_callback

    layout = column(datepicker_start, datepicker_end)
    _script, _div = components(layout)
    text += "{}{}".format(_script, _div)

    text += """
    </body></html>
    """

    return text

app.run(host="0.0.0.0", port=6800)

Issue Analytics

State:
Created 5 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

mgagcodecommented, Jul 8, 2018

I also noticed that the datepicker can be one day off from what the user selected when using the callback. And the date sliders also have inconsistent formats, epoch and string.

0reactions

bryevdvcommented, Jul 13, 2019

I am fixing this in a PR for #8934