You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi! Thanks for this controller. Everything works for me apart from the formatting of the initial value. I am using the controller like this:
<%= f.text_field :published_at,
class: "form-text",
data: {
controller: "datetime-picker",
datetime_picker_enable_time: true,
datetime_picker_alt_format: "D, F j Y at h:i K",
datetime_picker_date_format: "D, F j Y at h:i K",
datetime_picker_time_24hr: false,
datetime_picker_min_date: 10.years.ago
} %>
When I select a date/time, it is formatted as expected in the text field. However when the flatpikr is first rendered, the current value of published_at is displayed as "2020-01-27 21:06:07 +0200" in the input field. How can I ensure that the initial value is formatted as "D, F j Y at h:i K" too? Thanks!
The text was updated successfully, but these errors were encountered:
I tried reproducing the issue with settings below but I could not. Also, with default setup datetime-picker does not work for me, I'm guessing it requires some package to be installed.
@vitobotta assuming you want to only format the date in a certain format, can you try something like below?
<%= f.text_field:published_at,class: "form-text",data: {controller: "flatpickr",flatpickr_enable_time: true,flatpickr_date_format: "D, F j Y at h:i K"} %>
@adrienpoly not sure if settings with datetime-picker controller are expected to work.
Hi! Thanks for this controller. Everything works for me apart from the formatting of the initial value. I am using the controller like this:
When I select a date/time, it is formatted as expected in the text field. However when the flatpikr is first rendered, the current value of published_at is displayed as "2020-01-27 21:06:07 +0200" in the input field. How can I ensure that the initial value is formatted as "D, F j Y at h:i K" too? Thanks!
The text was updated successfully, but these errors were encountered: