Hello,
yes, there’s a ko.min.js locale file, it is this one: https://imgur.com/a/tqYo7Xz

I hope it makes sense

Best, David

Hello,
Unfortunately at the moment is not possible, but I will check it out thank you for the suggestion!

Best, David

Hello,
The plugin doesn’t have this feature out of the box, but you can add a condition in order to initialize one or the other, for example:

if(mobile){
      $('#example_1').datepicker();
}else{
     $('#example_1').datepickerInFullscreen();
}

I hope this helps

Best, David

after I click the “clear button”, input is empty, but i want there again to see input placeholder=”From date”

any update on this issue? thnks

Hello,
I uploaded the fix for this issue, it is currently being review by CodeCanyon, it should be ready in couple of hours, or if you need it right away you can contact me privately via email here: https://codecanyon.net/user/castleplugins#contact

Best, David

Hello,
This is just an HTML plugin (not WordPress), and it only handles the datepicker

Best, David

Hello,
did you also import the JS file for the zh-TW language in your page? (and before the bootstrap-datepicker file), as mentioned here: https://www.castlecodeweb.com/datepicker-in-fullscreen/documentation/#language

if still no luck, can you share the link to your site? so I can take a look?
you can contact me privately via email here: https://codecanyon.net/user/castlecode#contact

Best, David

Yes,I forgot to import the zh-TW language file. Thank you.

glad it worked

Hello Cam,
Unfortunately the datepicker doesn’t have options for this, you can “block” specific years, so the user is not able to select them, but you will still be able to see them (just disabled)

when you are in year view, it shows one year from previous set and one year from the next set (that’s why they are on gray).
Like when you are in a month, you can see few days from previous month and few days from next month

But there’s an alternative, you can tweak the JS code, in order to achieve something like this (although it may bring other bugs), if you want to give it a try, follow these instructions:
1) open the plugin/components/bootstrap-datepicker/bootstrap-datepicker.min.js file and replace the content of that file with the following: https://raw.githubusercontent.com/uxsolutions/bootstrap-datepicker/master/dist/js/bootstrap-datepicker.js

2) then in that file find this:

view.find('.datepicker-switch').text(startVal + '-' + endVal);

and replace it for this:

view.find('.datepicker-switch').text((startVal-1) + '-' + (endVal+1));

so now, instead of showing this: 2020 – 2029 it will show: 2019 – 2030

3) then find this:

var startVal = Math.floor(year / factor) * factor;

and replace it for this:

var startVal = year;

so now instead of starting at the beginning of each decade, it will start in the “defaultViewDate” option

4) so the final step would be pass the “defaultViewDate” of your choice, for example, if you want to see 2021 first, you would pass the following:

$('#example_6').datepickerInFullscreen({
    format                 : 'YYYY',
    fakeInputFormat     : 'YYYY',
    datepicker             : { 
        minViewMode: 2, /* view years (no days, no months) */ 
        defaultViewDate : moment('2022-12-31').toDate(),
    },
    todayWord             : 'Today\'s Year',
});

note the defaultViewDate is on 2022

I hope this makes sense

Best, David

thank you

Hello,
By default the plugin doesn’t have this feature, but if you know some JS you can try customizing the plugin, for example, here: https://stackoverflow.com/a/47618001 they have an example on how to highlight some specific dates by using the beforeShowDay event, you can apply that method in the plugin like this:

$('#example_1').datepickerInFullscreen({
    datepicker : {
        beforeShowDay: function (date) {
            console.log('here!');
        }
    }
});

I hope this helps

Hello,
yes, you can modify the JS setting named “template”, you could add some content before the “datepicker-in-fullscreen” div, something like this:

template                    :   
' <div class="datepicker-in-fullscreen-modal"> ' +
    ' <div class="datepicker-in-fullscreen-content"> ' +
        'ADD SOMETHING HERE!!!!'+
        ' <div class="datepicker-in-fullscreen"></div> ' +
        ' <div class="datepicker-in-fullscreen-controls"> ' +
            ' <a class="dpifs-today">{{today}}</a><a class="dpifs-clear">{{clear}}</a><a class="dpifs-close">{{close}}</a> ' +
        ' </div> ' +
    ' </div> ' +   
' </div> '+

Best, David

Hello,
Do you mean convert the date of the user to EST date? (in case the user is in different timezone?)

Also don’t forget to renew your support period, since it has expired

Best, David

Hello,
Do you mean for new features? at the moment I’m currently working on the update of another plugin, I’ll have to check on this one though

But if any bug or issue is reported I definitely update any of my plugins as soon as possible

Best, David

Hi Nick,
You can try something like this:

$('#example_1').datepickerInFullscreen({
    onChange                    : function(modal, settings){
        var specialDate = $('#example_1').val();
        document.location.href='../admin/addItem01.php?specialdate='+specialDate;
    },   
});

I hope it makes sense,

Best, David

Hello,
You can change the settings in the “beforeOpen” method, for example like this:

$('#example_1').datepickerInFullscreen({
    beforeOpen : function(modal, settings){
        if(some_condition){
            settings.datepicker.startDate         = from_date.format('YYYY-MM-DD');
            settings.datepicker.defaultViewDate = from_date.format('YYYY-MM-DD');
        }
    },
});

I hope it makes sense

Hello Markus,
Ohh that’s a little bit tricky, instead of using the daysOfWeekDisabled option you would have to use something like this:

$('#example_1').datepickerInFullscreen({
    datepicker : {
        beforeShowDay: function (date) {
            var daysOfWeekDisabled       = [1];
            var workingDays              = ['2020-11-23'];

            var date                     = moment(date);
            if(workingDays.indexOf(date.format('YYYY-MM-DD')) > -1){
                return { enabled : true };
            }else if(daysOfWeekDisabled.indexOf(date.day()) > -1){
                return { enabled : false };
            }
        }
    }
});

I hope it makes sense

Thank you – that’s exactly what I was looking for

Hi,
you could try something like this:

$('#example_1').datepickerInFullscreen({
    beforeOpen : function(modal, settings){
        settings.datepicker.defaultViewDate = moment().format('YYYY-MM-DD');
    },
});

Best, David

hi david, that does not work. all date in the past still selectable!

ohh sorry, wrong one, try with this one:

$('#example_1').datepickerInFullscreen({
    beforeOpen : function(modal, settings){
        settings.datepicker.startDate = moment().toDate();
    },
});

Hello,
You can use either of these 2 options for the format:

$('#example_1').datepickerInFullscreen({
    datepicker :   {
        datesDisabled : [
            '08/22/2020',
            moment('2020-08-25', 'YYYY-MM-DD').toDate()
        ],
    }
});

I hope this makes sense

Best, David

Hello,
Thank you for your interest
Unfortunately the plugin doesn’t support timepicker, only date

Best, David

Hello,
Do you mean if you can disable the year selection? if so then yes, it would look like this: https://drive.google.com/open?id=1XbED6qVkrLtwjsl30Roo2hetBgbKNvfl

You would only need to pass this JS setting:

datepicker : {
    maxViewMode: 1
},

Hello,
We have an example in where you can choose from and till date, you can check it out here: http://www.castlecodeweb.com/datepicker-in-fullscreen/example/ the example is called “From and Till Date”

Best, David