I am having issues with Blazorise.DateEdit component.
datetime values are showing right in table columns as u can see in the image bellow.
Now, on editing is different story. first off, this is the code for rendering DateEdit component
and this is the result of it
how can i set DateEdit component to show date and time set in model property and also make it 24h format
solution was to change browser language from english us (am/pm format) to english british (24h time fomat)
Related
The antd tables work well with Input components. I have been using the editable cell example at https://ant.design/components/table#components-table-demo-edit-cell and it works well with undo / redo functionality.
The Select / Options and Date Picker components however do not have any documentation in the context of a table that's hooked up to a state. I have gotten the Options / Date Picker to work but when implementing undo / redo logic, it looks like their state does not by default update like the Input fields. If you Google this, it is a tricky part of React in general to get these components to update automatically with state changes in a Form.
Is there an example of an antd table with select or date picker that's hooked up to state information?
I got the Select / Option to work correctly visually e.g. default states load correctly, depending on selection color changes etc. I can manipulate the data as needed. Similarly, got the Date Picker to work. However, where I am stuck is automatically tying state changes to update the components. I can probably do some crazy stuff like force render but before going that route wanted to check if there is a cleaner / better antd way of doing this.
I think you have to custom return to default Editable Cells like the following example url example
After wasting many hours on this, it looks like there is a bug in antd Forms. See this SO thread: React | Ant design select value not setting
In short, removed the Form.Item and everything works fine.
Currently Im developing an datepicker from hackerone react datepicker, where user can select date from day up to decade, but I didnt find any props in DatePicker component at their website to give user opportunity to select decade, maximum is a year selection. I decided to put prop yearItemNumber={100} so it will give a range of 100 years, but how can I combine 10 years into one option as it show in first screen?
How it may look:
What I have:
Also additional question, how can I display a century in datepicker header? Or its just a hardcoded text
I have created a time series map in cartoDB. Is there any way to have the units display in mm/dd/yyyy hh:mm? Currently the animation map only displays the mm/dd/yyyy.
Do you mean date in the timeline widget? I'm afraid this text or format of it cannot be changed, you'd need to create own custom time controller.
Currently we are using date with time picker, We looking the feature on this date time picker when user try to edit and type his/her own Date or Hours or Minutes or AM/PM component.
Is these achieve by using code enter image description herename one date time picker component?. please help us or guide us how to achieve this.
Please find the screen shot of the date and time picker.
The picker looks native on the various OS's so this UI won't appear. Furthermore a Picker is just a button styled to look like a text field.
You can call the low level show native picker API's in Display and bind them to text fields for editing abilities.
Is there a extjs based datetimepicker?
I want user can select date and time together.
Unfortunately there is not a DateTimePicker out of the box, but there are two separate components named TimeField and DateField that can be used in conjunction to get the functionality you desire.
If you'd rather use Saki's DateTime user extension, take a look at DateTime Field. The class comments describe DateTime as "[a] combination of DateField and TimeField", so nothing too crazy is going on if you'd like to create your own unique version.
Check out Saki's DateTimeField: at http://www.extjs.eu/
"Combined Date and Time Field for applications where entering both date and time is required. Suitable also as Grid Editor. Contains renderer directly usable by grids."
There's also this one, works in ExtJS 4.1, but uses number spinners for selecting time, can be reworked relatively easily to use the built-in time picker.