UnimDatePicker

[Ario.Paxaz]

Hello

 

Can UnimDatePicker be converted into Jalali calendar?

 

Regards.

[Sherzod]

Hello,

Well, first of all, tell us what value are you using?

[Ario.Paxaz]

 

Quote

...what value are you using?

Because the program is for mobile, I put it on dptEdge.

I put it on dptFloated and made the settings related to the Jalali calendar, but the conversion was not done.

Regards.

[Sherzod]

6 hours ago, Ario.Paxaz said:

 dptEdge

6 hours ago, Ario.Paxaz said:

dptFloated

Usually what value do you use?

[Ario.Paxaz]

I do not understand your question.

I display the calendar to the user to get the date.
The user selects a date and then I give him information according to the selected date from the database.

[Sherzod]

20 minutes ago, Ario.Paxaz said:

I display the calendar

Can you send a screenshot?

[Ario.Paxaz]

 

I sent the output on the computer.
If you need, I will also send the output on the mobile phone

[Ario.Paxaz]

 

I have done the settings as per the post below, but Jalali calendar is not displayed.

 

http://forums.unigui.com/index.php?/topic/1202-jalali-calendar/&do=findComment&comment=35004

[Ario.Paxaz]

 

 

UnimDatePicker does not have the Kind  attribute, like UniDateTimePicker.

[Sherzod]

35 minutes ago, Ario.Paxaz said:

I have done the settings as per the post below, but Jalali calendar is not displayed.

 

http://forums.unigui.com/index.php?/topic/1202-jalali-calendar/&do=findComment&comment=35004

Well, this is for the desktop version of course.

[Ario.Paxaz]

 

Quote

Well, this is for the desktop version of course.

 

Yes, I know that they are different.
I assumed that they might have inherited from an object.
 

[Sherzod]

Need to investigate.

[Ario.Paxaz]

Can you guide me to design such a form that is a date selector, what should I use?

For example, what should I use to implement the day selector that is clear in the picture?

[Ario.Paxaz]

I want to leave a combo box for the day, month and year until your review is completed and give it to the customer.

But I don't think it will be very beautiful.

[Ario.Paxaz]

Hi,

 

Please, guide me to use this Solar(Jalali) date selector.

 

https://github.com/ghaninia/persian-picker

 

[Ario.Paxaz]

Hi,

I used the following code to give an UniEdit a class name.

 

  UniEdit1.ClientEvents.ExtEvents.Values['beforerender'] :=
    'function beforerender(sender, eOpts){  sender.addClass("date");}';

 

Put the output photo.

 

 

 

 

DatePicker_Persian.rar

[Sherzod]

How is it supposed to work in general? Is there a working example?

[Ario.Paxaz]

39 minutes ago, Sherzod said:

How is it supposed to work in general? Is there a working example?

It is Persian Date Picker .

 

persian-picker-master.zip

[Ario.Paxaz]

 

I want to use this for now until the check of the UnimDatePicker component is done.

 

https://ghaninia.ir/posts/انتخابگر-تاریخ-شمسی-جاوااسکریپت

[Sherzod]

Hello,

Sorry, I somehow couldn't configure this plugin.

[Sherzod]

[Sherzod]

@Ario.Paxaz

Try, I don't know if this plugin works correctly at all.

 

But as you asked, I was able to show it on UniEdit1.

1. Remove this code:

procedure TMainForm.UniFormCreate(Sender: TObject);
begin
  //UniEdit1.ClientEvents.ExtEvents.Values['beforerender'] :=
  //  'function beforerender(sender, eOpts){  sender.addClass("date");}';
end;

2. Remove:

function click(sender, eOpts)
{
      //    e.preventDefault();
      //  $.dateSelect.show({
      //      element: $(this)
      //  });
}

3. CustomCSS:

.date-select {
    z-index: 100000;
}

4. CustomFiles:

files/persian-date.js
files/persian-selector.js
files/persian-selector.css
https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.11/jquery.mousewheel.min.js

5. UniEdit1.ClientEvents.ExtEvents ->

function afterrender(sender, eOpts)
{
    $('#' + sender.inputEl.getId()).on('click', function(e) {
        e.preventDefault();
		$.dateSelect.show({
		    element: '#' + sender.inputEl.getId()
        });
    });
}

 

[Ario.Paxaz]

Hello,

 

Thanks, it worked on desktop.
Where should I write Afterrender for UnimEdit?

 

[Sherzod]

9 minutes ago, Ario.Paxaz said:

Where should I write Afterrender for UnimEdit?

I don't know if this plugin is adapted for mobile.

But you can try to use this event:

...

function painted(sender, eOpts)
{
    $('#' + sender.inputElement.getId()).on('click', function(e) {
        e.preventDefault();
		$.dateSelect.show({
		    element: '#' + sender.inputElement.getId()
        });
    });
}

 

[Ario.Paxaz]

 

1 hour ago, Sherzod said:

I don't know if this plugin is adapted for mobile.

 

Thank you, I will use this plugin for now until UnimDatePicker 's problem is fixed.