ejs-calendar multiple values gone

[butching]

<template>
  <div id="app">
        <div class='wrap'>
           <ejs-calendar id='calendar' ref="CalendarInstance" :isMultiSelection="isMultiSelection" :values="values" :min="minDate" :max="maxDate" ></ejs-calendar>
        </div>
  </div>
</template>
<script>
import Vue from "vue";
import { CalendarPlugin } from "@syncfusion/ej2-vue-calendars";

Vue.use(CalendarPlugin);
export default {
      data () {
        return {
          isMultiSelection: true,
          minDate: new Date('01/06/2020'),
          maxDate: new Date('02/15/2020'),            
          values: [
	        new Date('1/6/2020'), new Date('1/7/2020'), new Date('1/8/2020'), new Date('1/9/2020'), new Date('1/10/2020'),
	        new Date('1/13/2020'), new Date('1/14/2020'), new Date('1/15/2020'), new Date('1/16/2020'), new Date('1/17/2020'),
	        new Date('1/20/2020'), new Date('1/21/2020'), new Date('1/22/2020'), new Date('1/23/2020'), new Date('1/24/2020'),
	        new Date('1/27/2020'), new Date('1/28/2020'), new Date('1/29/2020'), new Date('1/30/2020'), new Date('1/31/2020'),
	        new Date('2/3/2020'), new Date('2/4/2020'), new Date('2/5/2020')
           ]
        }
    }
    }
</script>
<style>
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
@import "../node_modules/@syncfusion/ej2-buttons/styles/material.css";
@import "../node_modules/@syncfusion/ej2-vue-calendars/styles/material.css";

.wrap {
    margin: 0px auto;
    max-width: 250px;
}
</style>

first load is fine but when i go back to january then go back to february, february 4 and 5 is unselected

[Sureshkumar P]

Hi butching, 

 

Greetings from Syncfusion support. 

 

We have validated your reported issue with shared code block. We cannot able to reproduce the reported issue from our end. We attach the sample with your shared code. Please check the sample and if still you can able to reproduce the same issue from our sample. Please revert the sample with replication procedure. That will help us to provide exact solution at earliest. 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/150859/ze/numericTextBox-1971631096  

 

Regards, 

Sureshkumar P 

[butching]

thanks for the reply,

I updated the version and now it works fine

[Sureshkumar P]

Hi Butching, 

 

Thanks for your update. Please get back to us if you need any assistance regarding this. 

 

Regards, 

Sureshkumar P 

[butching]

I have a button to select all available dates (from min to max) and its working, my question is how can i retain the view to not go to the last day selected?
for example my available days are feb - apr and im viewing the month of februrary, when i select all, my calendar view is now on april.

[Prince Oliver]

Hi Butching, 

You can use the navigateTo method and specify the required view and date to retain the current view. Kindly refer to the following code. 

<template> 

  <div id="app"> 

        <div class='wrap'> 

             <ejs-calendar ref="cal" id="calendar" :change="onValueChange"></ejs-calendar> 

        </div> 

  </div> 

</template> 

<script> 

import Vue from "vue"; 

import { CalendarPlugin } from "@syncfusion/ej2-vue-calendars"; 

  

Vue.use(CalendarPlugin); 

  

export default { 

     methods:{ 

     onValueChange: function(args) { 

      this.$refs.cal.navigateTo("Month", new Date("01/01/2020")); 

    } 

  } 

  } 

</script> 

<style> 

  @import "../../node_modules/@syncfusion/ej2-base/styles/material.css"; 

@import "../node_modules/@syncfusion/ej2-buttons/styles/material.css"; 

@import "../node_modules/@syncfusion/ej2-vue-calendars/styles/material.css"; 

 .wrap { 

    margin: 0px auto; 

    width: 240px; 

} 

</style> 

API reference: https://ej2.syncfusion.com/vue/documentation/api/calendar#navigateto 

Kindly check the above suggestion and let us know if this meets your requirement. 

Regards, 

Prince 

[butching]

my error came from this version
"@syncfusion/ej2-vue-calendars": "17.1.38

when you solved it the version was 
"@syncfusion/ej2-vue-calendars": "17.4.44", 

after this version the problem became the localization (dutch language) 
on the other thread (https://www.syncfusion.com/forums/151688/ejs-calendar-latest-version-globalization-error) you fixed it with the lastest version

"@syncfusion/ej2-vue-calendars": "^17.4.50",

now the original problem from this version 17.1.38 cameback see attaced file for the codes

Attachment: calendarmultipleselect_1fe0af5.zip

[Sureshkumar P]

Hi Butching, 

  

Sorry for the inconvenience caused. 

 

We were able to replicate your reported problem with specified versions. We have confirmed this as a bug at our end. We will fix and include the solution on our volume-1 2020 main release, which is expected to be rolled out on end of March 2020. Please be patient until then. 

 

You can track the status of this problem by using the below feedback portal. 

 

https://www.syncfusion.com/feedback/12612  

 

Regards, 

Sureshkumar P 

 

[Sureshkumar P]

Hi Butching, 

 

We deeply regret for the inconvenience caused. 

 

Currently in your reported issue could not able to replicate. As we have said earlier in your mentioned 3 different source versions are all ensured once again. We suggest you check the issue with our latest source.  

 

If still you have facing the same issue, then please revert us with detailed issue replication procedure. That will help as to provide the solution as earlier as possible.  

 

Regards, 

Sureshkumar P