Back to Questions
5.8k
views2
comments
Setting culture on JQueryUI DatePicker
websharper

I try to get my head around the JQueryUI stuff in Websharper.

So far I managed to get a basic datepicker like this:

1
2
3
4
5
6
7

    [<JavaScript>]
    let inputDate() =
        let inputId = NewId()
        Controls.InputDatepicker (Some <| Date.currentEcma())
        |> Formlet.MapElement(fun el -> Div [Attr.Id inputId] -< [el])
        |>! OnAfterRender (fun el -> JQuery.JQuery.Of("#" + inputId).Find("input").Val("").Ignore)
        |> Formlet.Map Date.ofEcma

(BTW: I do not know why I have to Map the stuff here - straight from google search - forgot the site/name though - sorry)

Anyway: I have to use another culture, and basically there seems to be a DatepickerConfiguration in your JQueryUI namespace. But I just do not know how to give this to InputDatepicker...

I hope you can help me - thanks.

.

In order to localize a jQuery UI datepicker or a formlet input datepicker you just need to add the appropiate localization script to your page. These scripts are found in the development-bundle/ui/i18n folder of the jQuery UI download. So for the french locale you'd add the jquery.ui.datepicker-fr.js script.

The MapElement part was used to wrap each control in a div and give it a unique id, the intention behind that isn't clear but you don't need that line and the OnAfterRender handler in your code.

By on 6/13/2013 7:48 AM ()

Thank you ... I'm still rather new to this JQueryUI stuff and I guess it shows :(

By on 6/13/2013 10:47 AM ()

    Topic tags

    IntelliFactory Offices Copyright (c) 2011-2012 IntelliFactory. All rights reserved.
    Home | Products | Consulting | Trainings | Blogs | Jobs | Contact Us | Terms of Use | Privacy Policy | Cookie Policy     		Built with WebSharper