Set Date Field Via Javascript

(0) Share

Report

Posted on by g.whammond

Hi,

I'm trying to set a date field via java-script; however cannot seem to get the formatting it requires correct.

I have tried multiple different date formats e.g. 'dd/MM/yyyy' but cannot find the one it requires.

https://docs.microsoft.com/en-us/dotnet/standard/base-types/standard-date-and-time-format-strings

$( document ).ready(function() {

// attempt 1
$("#xxx_yearofjoiningthesociety").val("{{ mem.c2memb_fromdate | date_to_iso8601 }}").addClass("readonly");

// attempt 2
$("#xxx_yearofjoiningthesociety").val("{{ mem.c2memb_fromdate | date:'d' }}").addClass("readonly");

// attempt 3
$("#xxx_yearofjoiningthesociety").val("{{ mem.c2memb_fromdate | date:'g' }}").addClass("readonly");

// attempt 4
$("#xxx_yearofjoiningthesociety").val("{{ mem.c2memb_fromdate | date:'dd/MM/yyyy' }}").addClass("readonly");

});

@OOlashynmentioned something similar in another thread but could not see the formatting

Thanks,

Categories:

Power Apps portals

I have the same question (0)

All responses (2)

Answers (1)

Verified answer

Fubar 8,338 Super User 2025 Season 2 on at

Like (0)

Report
You are not accessing the date control correctly to set it, and the date control is probably expecting a JavaScript date object, (your Liquid code is just outputting text or a liquid date object).

To default a date you would do something like the following (where you would replace the date text part "2021-01-01" with output from Liquid)

// set a default date $("#your_fieldname") // input control .next() // the date picker container .data("DateTimePicker") // the date picker object .defaultDate(new Date("2020-01-01"));

(you may still be able to use .val() but it would be expecting a javascript date object)

Was this reply helpful? Yes No
g.whammond 37 on at

Like (0)

Report

@FubarYour a star. Thank you.

Was this reply helpful? Yes No