You can do it with the oninit event:

$(”.input”).caleran({ oninit: function(element){ element.config.target.val(””); });

Thanks!

Did you get it to work?

Hi, thank you for purchasing and using it

1. you can use the onbeforeselect event:

$(”.input”).caleran({ onafterselect: function(elem, start, end){ if(start.isSame(end)) return false; return true; });

2. Can you try it with $(”#caleran-ex-3”).click() ?

3. You need to write plural of “day”. moment().subtract(0,”day”) is equal to moment(). Can you try it with moment().subtract(1,”days”) ?

About 3. Need disable back arrow Past Months before today

I would say you would use onbeforemonthchange event but there seems to be a bug in the logic there, I just realized, but you can still use onaftermonthchange event to put the month back if the date is lesser than the current month. Like this:

$("#caleran-ex-1").caleran({
    onaftermonthchange: function(elem,month){
        if(month.isBefore(moment().startOf(month),"day")){
            elem.globals.currentDate = moment();
            elem.reDrawCalendars();
        }
    }
});

I should fix the onbeforemonthselect event. But I don’t know when the next release would be. Thanks for letting me see that error

Ok thanks!, we can wait you. The item most important is prevent select the same day in range can you check budgetplaces.com range calendar? Is it possible to do the same?. Your solution did not work .

I updated the code with a working example. The previous code had bugs. Sorry.

Did you check it? the updated code is on the previous code comment.

Look at the documentation there is a disabledDays option. You can write a filter there.

It doesn’t affect the plugin’s work, does it? You can remove the event.stopPropagation line on your code, it doesn’t matter. I suppose uikit has strict validation against undefined variables.

it does, when I click the date, the hover range not working

Yes, your click event on the calendar is triggered twice. I don’t know why it happens. I don’t think it’s related to the plugin, i’ll look into it.

The reason that the event is triggered twice is that one of the events are “tap” event and the other is “click” event.

Hi, thanks for the reply and looking into this. I am only calling it once. I have removed the call to it and you can test if you load the site and initiate the calendar in chromes console with $(”.calendar-input”).caleran();

It adds the calendar to the input but I still have this issue. Not sure how I am triggering it twice with tab and click events?

Yes, I’ve tested it and saw that the click event was triggered twice. It might be caused by webflow’s scripts. Can you give me your e-mail so I can send you a test?

Is there a way I can message you I don’t want to make my email public

Send it here: caleran@maildrop.cc

Done.

ok, it couldn’t send to maildrop, please send me an empty mail to caleran@forward.cat

Sent. Thanks

What happened? Any progress?

Hi,

I did not get an email from you. I checked based on your email address and see nothing. Please can you re send the test you mentioned to my email.

Evet, locale: “tr” yazarsan ayarlara kullanabilirsin.

http://rettica.com/caleran/docs/readme.html#changing-locale

Laravel 5.6 ya entegre etmekte sıkıntı çekermiyiz acaba? Bir admin panelinde kullanmayı düşünüyoruzda.

Yok çekmezsiniz. Çok bir ilgisi yok zaten ikisinin. ister genel app.blade dosyasına ister sadece kullanacağınız view içerisine gömebilirsiniz.

Sorry, I didn’t think of implementing it. What do you mean by initiating? On showing or instance creating? You can check the `.data(“caleran”)` attribute after initializing the plugin.

I need like a “__construct” function to fire my own action when the plugin is initializing, I need to update other inputs with the default date when it is loaded , how can I make this ?

Good question. I’ll update the code before the submitted update gets reviewed and push it.

Ok, I added an oninit event to the code. It’ll be available when the next version is approved by envato team. I pushed the updated code to them.

Great job my friend. is there any way to change the date (the displayed date like 15 March, not in the popup calender) from an event ?

You can change the input directly with a matching formatted range.

I think the plugin is not compatible with Jquery Mobile Library. it corrupts when I try to load jquery.mobile.custom.min.js before the plugin

It is downloaded from here http://jquerymobile.com/download-builder/

Got any solution for this ?

I didn’t try with jquery mobile library. Maybe there is a collision with mobile touch events with hammer.js and jquery mobile. But if I update this with a proper fix, it won’t be available until next version release.

Can you try something? What happens if you build your jquery mobile composition without the touch events?

When I remove the touch events and the events (because they are selected together), it works fine, but will the events/touch events affect my project performance or behavior ?

if you are not using any of these events, I think not.

https://api.jquerymobile.com/category/events/

Man you are so good

Did you buy the plugin BTW? I can’t see if you bought it.

My manager bought the plugin, I’m the developer who is installing it.

Ok, no problem

Can you review the plugin please?

I would love to, but I can’t because only buyers can make a review , my manager already did (frutafreska)

ok

Hi, thanks for purchasing it, I added it to my to-do list for the next version. Thanks for informing me!

also please check this plugin using uikit.js v2, it has some issue as well, in this method cellClicked—> event.stopPropagation(), it throws error.

also when I use moment locale, set locale to ‘id’ the initial calendar load day -1, for example today is Saturday 4, but it loads Friday 4, I think this is UTC problem?

Thanks

I think the issue with uikit is because the TAP event is conflict, let me know if any update about those issue,

Thanks

Hi katspate,

I didn’t try it with uikit.js and I don’t know what happens when you use it with that, but I’ll look at that. For the moment locale, what do you mean the initial calendar load day -1? Can you send me your config with a gist or something?

Hi tpaksu,

By default calendar ‘en’ looks like this (for this month)

MARCH

SUN MON TUE WED THU FRI SAT 26 27 28 1 2 3 4

But if I use locale ‘id’—> Indonesia

SUN MON TUE WED THU FRI SAT 27 28 1 2 3 4 5

you see the issue? today should be SAT March 4, not FRI March 4

Ok I saw it, I’ll look into it. Maybe tomorrow I’ll release a new update for the waiting tasks. If I can’t, I’ll try to give you a workaround for this issue.

Hi katspate,

I need to know something, without changing anything, the plugin with english locale and indonesian locale looks like this (with march as the selected month):

$(".caleran").caleran();

en locale: week starts at sunday

SUN MON TUE WED THU FRI SAT
 26  27  28   1   2   3 |4|

$(".caleran").caleran({locale: "id"});

id locale: week starts at monday

MIN SEN SEL RAB KAM JUM  SAB
 27  28   1   2   3 |4|    5

Isn’t it the correct display form? are you changing anything else?

Hi tpaksu,

Here’s the translation: MIN = SUN SEN = MON SEL = TUE RAB = WED KAM = THU JUM = FRI SAB = SAT

above example it’s similar result but incorrect, the 4 should be SAB (SAT) also I dont have any other config, same config as yours above

$(”.caleran”).caleran({locale: “id”});

I’m just testing the plugin

I tried to create a range, keep the locale to ‘id’:

ranges: [{ title: ‘Today ’, startDate: moment(), endDate: moment().add(1, “days”) }

when I clicked it, it shows the correct date

Hi tpaksu,

I forgot to tell you, I fixed the uikit.js issue, to make it work, I need to delete all the ‘tap’ event in this plugin so I only use ‘click’

the problem is when I click the date, those event listening and when execute twice that makes this this.globals.startSelected never set to TRUE thats why the cellHover doesnt work.

also some of the event.stopPropagation(); has no reference called ‘event’ it will throw error undefined

Hi tpaksu,

About the locale problem, based on this https://github.com/moment/moment/issues/613#issuecomment-13786429

The problem is only appear on global locale ‘en’

this is my rough solution, it works for both startOnMonday and any other locale

on line 388 dev file

for (var days = (_month.startOf(“month”).weekday() – 1 – startOfWeek + 7) % 7; days >= 0; days—) {

I changed it like this:

var localEn = moment.locale() === ‘en’ ? 1 : 0; for (var days = (_month.startOf(“month”).weekday() – localEn – startOfWeek + 7) % 7; days >= 0; days—) {

Hope thats help, since I need to get my work done

Cheers

Hi tpaksu,

Ignore my last code above, the issue still exist when clicking the range using that code, the problem solved now by changing the Day of Week to ISO Day of Week https://momentjs.com/docs/#/get-set/weekday/

change log:

line 554: if (moment.unix(cellDate).weekday() === 6 || moment.unix(cellDate).weekday() === 0) cellStyle += ” caleran-weekend”;

to

if (moment.unix(cellDate).isoWeekday() === 6 || moment.unix(cellDate).isoWeekday() === 7) cellStyle += ” caleran-weekend”;

Line 387:

for (var days = (_month.startOf(“month”).weekday() – 1 – startOfWeek + 7) % 7; days >= 0; days—) {

to

for (var days = (_month.startOf(“month”).isoWeekday() – 1 – startOfWeek + 7) % 7; days >= 0; days—) {

Cheers

I changed all the weekday to isoWeekday, and it works very well now

I’ve released an update, waiting for approval. You’ll be notified when it’s accepted. It contains a better solution.

OK cool, thanks for your support tpaksu

OK cool, thanks for your support tpaksu

Hi tpaksu,

any idea how to close the calendar when I click keyboard tab ?

I need to try it myself first then I’ll let you know. Thanks for buying it!