in ejs dropdown list value is not comming

Question

import { Component, OnInit, ViewChild } from '@angular/core';

import { DialogComponent } from '@syncfusion/ej2-angular-popups';

import { DocumentService } from '../../service/data/document.service';

@Component({

selector: 'app-perform-checks',

templateUrl: './perform-checks.component.html',

styleUrls: ['./perform-checks.component.css']

})

export class PerformChecksComponent implements OnInit {

@ViewChild('matchupTemplateDialog') matchupTemplateDialog: DialogComponent;

attributeName1=[];

tesData112 = [];

checklistData=[];

constructor(private documentService: DocumentService) { }

ngOnInit() {

this.checkList();

}

updateMatchupClick() {

this.matchupTemplateDialog.show();

}

checkList() {

this.documentService.getAllCheckListData().subscribe(response => {

this.checklistData = response;

for(let i=0;i<this.checklistData.length;i++)

{

this.attributeName1=this.checklistData[i].attributeName1;

console.log(this.attributeName1+"kkkkkkkkkkkkk")

}

})

}

Deepak Ramakrishnan · Answer

Hi Ignacio, 
 
Thanks for your update. 
 
Query 1:  I've seen that I preload the dates as a string, that's why it didn´t like to the component but it worked 
 
We need to provide the start date and end date in the required type (DateTime) . It is the correct usage of binding values to the component . For your reference kindly refer the below API documentation. 
 
https://ej2.syncfusion.com/angular/documentation/api/daterangepicker#startdate 
 
https://ej2.syncfusion.com/angular/documentation/api/daterangepicker#enddate 
 
Also we suggest you bind the values as like sample provided in the  last update(also attached below) 
 
 https://stackblitz.com/edit/angular-dvuy3c-ls5tdt?file=app.component.ts 
 




export class AppComponent { 
 
    public seprator: string = ","; 
    public date: Object = new Date() 
public Start: Date = new Date(2021,9,1); 
public end: Date = new Date(2021,9,10); 
    constructor( ) { 
         
    } 
 
} 
 
 
Also you can use separator for the end date and start date using ‘separator’  property as like above code , which will displayed like below 
 
API documentation :  https://ej2.syncfusion.com/angular/documentation/api/daterangepicker/#separator 




  
 
 
Query 2: Is there a way to disable date format check? 
 
We have already considered the above requirement as feature request in our end . And this will be available in any of our upcoming future releases. we will consider the feature and implement in the certain release based on the customer request count and priority. So, we will intimate you once the road map has been prepared. You can track the status of the feature from the below feedback link. 
    
Feedback: https://www.syncfusion.com/feedback/8987/need-to-provide-support-for-datepicker-to-accept-the-date-value-which-is-in-all 
 
 
Thanks, 
Deepak R.