Changing the format for addDatePicker

Scripting
1

I’ve got a datePicker prompt setup and working, but I’d like to be able to change the order of the actual picker component, as:

var c = Prompt.create()

c.title = "Due Date";
c.message = "Select date";

c.addDatePicker("dueDate","Due Date", new Date(), {
	"mode": "date"
	});

c.addButton("OK");

if (c.show()){
	draft.setTemplateTag("dDate",c.fieldValues["dueDate"])
	}

In the UK we define dates by Day-Month-Year, but the picker uses Month-Day-Year.

Is there a way to change this?

I know I can reformat after the selection, but it is confusing to have to select dates in a format not familiar.

Thanks

2

The date picker is a system component. It should appear the same in Drafts as it would in any other app – and should follow your device’s region/localization settings. Is your device (at the OS level) set to use the UK region?

3

FWIW, I’m in the UK and all set up for UK locale. Your code gives me a day month year picker.

image
image1242×2208 58.8 KB

4

Holy cow!!! How did I go months without realising my Region was set incorrectly on my computer!? (He looks, sheepishly, at his shoes and hopes people will stop laughing at him…)

2 Likes
5

Honestly I wish I could set just my date picker to work that way system-wide. M/D/Y order is silly.

2 Likes
6

Is this an action? Seems pretty useful for me, is there any action for this? I mean for the date picker?

7

It is built in to drafts. On the desktop it appears as:
CleanShot 2022-01-11 at 15.43.10

On iOS it has a calendar selector.

I have included it using a script step:

var c = Prompt.create()

c.title = "Due Date";
c.message = "Select date";

c.addDatePicker("dueDate","Due Date", new Date(), {
	"mode": "date"
	});

c.addButton("OK");

if (c.show()){
	let dDate = new Date(c.fieldValues["dueDate"]).toString("yyyy-MM-dd")
	draft.setTemplateTag("dDate",dDate)
	}
8

Didn’t get that, how did you invoke that box on the desktop?

9

You put the code in a script action step and run the action.