selectedDate

[Isabelle Fuchs]

when I have a compact View on mobile device - the selcted Date is false - see Screenshot

Attachment: Bildschirmfoto_20210830_um_11.28.39_40400fe.zip

[Vinitha Devi Murugan]

Hi Isabelle, 

 

Greetings from Syncfusion support. 

 

We have validated your reported “when I have a compact View on mobile device - the selcted Date is false” issue at our end by preparing sample like your shared scenario and unable to replicate the issue. The selected date shown properly in both compact and normal mode at our end. Please refer to the below working sample. 

 

Sample: https://codesandbox.io/s/compact-view-sample-crg18?file=/src/App.vue  

 

Desktop: 

 

 

 

Compact mode: 

 

 

Kindly refer the above sample. If you still facing the same problem share us the below details to serve your better.  

• Share Syncfusion version
• Scheduler related code snippets
• Replicate your problem in the above shared sample or
• Share a sample illustrating the problem which would help us to proceed further.

Regards, 

Vinitha 

[Isabelle Fuchs]

in my example - the selected date is coming from the previous component:

i'm setting the selected date manually!

if I select the Date in the component - it is working.. but not if it is set as a transfer parameter..

I'm using: 

"@syncfusion/ej2-vue-schedule": "^18.4.49",

public mounted() {

console.log("schedule start... ");

this.showQuickInfoMutable = this.showQuickInfo;

this.readOnlyMutable = this.readOnly;

this.allowDragAndDropMutable = this.allowDragAndDrop;

if (this.abwZeitraum) {

let von: any;

if (this.abwZeitraum.neuerZeitbereich) {

von = this.abwZeitraum.neuerZeitbereich;

} else {

von = this.abwZeitraum;

}

if (von) {

this.selectedDate = von;

}

<ejs-schedule

id="Schedule"

v-if="showSchedule"

ref="schedule"

:enablePersistence="persistence"

:activeView="activeView"

:currentView="activeView"

:eventSettings="eventSettings"

:selectedDate="selectedDate"

:showWeekNumber="showWeekNumber"

:popupOpen="onPopupOpen"

:readonly="readOnlyMutable"

:eventRendered="onEventRendered"

:showQuickInfo="showQuickInfoMutable"

:quickInfoOnSelectionEnd="showQuickInfoMutable"

@navigating="navigating"

@actionBegin="onActionBegin"

@actionComplete="actionCompleted"

:firstDayOfWeek="1"

:showTimeIndicator="true"

:showLoading="true"

:dateFormat="dateFormat"

cssClass="dvh"

:allowDragAndDrop="allowDragAndDropMutable"

:dragStart="onDragStart"

:renderCell="onRenderCell"

:group="group"

:rowAutoHeight="true"

:allowResizing="allowResizing"

:resizeStart="onResizeStart"

:height="myHeight"

:minDate="minDate"

:resourceHeaderTemplate="resourceHeaderTemplate"

:timeScale="timeScale"

:dataBound="onDataBound"

>

[Vinitha Devi Murugan]

Hi Isabelle, 

 

Thanks for your update. 

 

We have validated your reported issue at our end by preparing sample with your shared code in v.^18.4.49 version and unable to replicate the issue. The selected date shown properly in both compact and normal mode at our end. Please refer to the below working sample. 

 

Sample: https://codesandbox.io/s/compact-view-sample-forked-jd0mm?file=/src/App.vue  

 

Desktop: 

 

 

 

Compact mode: 

 

 

Kindly refer the above sample. If you still facing the same problem share us the below details to serve your better.  

• Upgrade your scheduler version to latest and check
• Share selectedDate detail of scheduler in compact mode and normal mode using following line.
• this.$refs.scheduleObj.ej2Instances.selectedDate (or) document.querySelector(".e-schedule").ej2_instances[0].selectedDate;
• Replicate your problem in the above shared sample or
• Share a sample illustrating the problem which would help us to proceed further.

Regards, 

Vinitha 

[Isabelle Fuchs]

thyou have the 1.6.2021 = June - but

 the selected date is the 1.7.2021

[Satheesh Kumar Balasubramanian]

Hi Isabelle,

Thanks for your update.

We let you know that the reported problem is not an issue since JavaScript counts months from 0 to 11. 0 denotes January , 1 denotes February, etc.

Please let us know if you need any further assistance.

Regards,

Satheesh Kumar B