We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ejs-calendar multiple values gone

Thread ID:

Created:

Updated:

Platform:

Replies:

150859 Jan 22,2020 08:05 AM UTC Apr 8,2020 01:50 PM UTC Vue 8
loading
Tags: Calendar
butching
Asked On January 22, 2020 08:05 AM UTC

<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 [Syncfusion]
Replied On January 23, 2020 01:15 PM UTC

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. 
 
 
Regards, 
Sureshkumar P 


butching
Replied On February 19, 2020 01:31 AM UTC

thanks for the reply,

I updated the version and now it works fine

Sureshkumar P [Syncfusion]
Replied On February 19, 2020 05:06 AM UTC

Hi Butching, 
 
Thanks for your update. Please get back to us if you need any assistance regarding this. 
 
Regards, 
Sureshkumar P 


butching
Replied On February 19, 2020 07:36 AM UTC

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 [Syncfusion]
Replied On February 20, 2020 02:26 PM UTC

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 { 
    margin0px auto; 
    width240px; 
} 
</style> 


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

Regards, 
Prince 


butching
Replied On March 6, 2020 09:23 AM UTC

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 [Syncfusion]
Replied On March 9, 2020 12:53 PM UTC

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. 
 
 
Regards, 
Sureshkumar P 
 


Sureshkumar P [Syncfusion]
Replied On April 8, 2020 01:50 PM UTC

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 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon