Date picker

Using a date picker with a specific date format.

# Date picker

module App
using GenieFramework
@genietools

@app begin
    @in date = Date(2023, 1, 1)
    @out yearmonth = "2023/01"
    @out msg = "The date is 2023/01/01."

    @onchange date begin
        @show "date changed"
        msg = "The date is $date."
    end
end

@page("/", "app.jl.html")

end
app.jl.html
<h4> MWE </h4>
<p>Show date</p>
<p v-text="msg"></p>
<q-date v-model="date" mask="YYYY-MM-DD"></q-date>

The mask parameter in the q-date component is required if you want to use the Date type. Otherwise, the date variable should be of String type.

source

Multipage apps

How to add pages with reactive components that enable real-time interactivity with the UI.

Table

Table to display a `DataFrame`

Genie