import { UiElement } from "./ui-element"; export class DateTimeInput extends UiElement { constructor( private label: string, private elementId: string, private value: any, private containerId: string, private disabled: string, private hidden: string, private required: string, private language: string = 'en') { super(elementId, containerId, ''); this.createElement(this.getTemplate()); } formatDate() { let date = new Date(); this.value = date.toISOString().slice(0, 10) + "T" + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds(); } public getTemplate() { let requiredClass: string = ""; const doneText = this.language === 'en' ? 'Done' : 'تم'; const cancelText = this.language === 'en' ? 'Cancel' : 'إلغاء'; let disaledClass = ""; //let timeValue=null; //let dateValue=null; if (this.disabled == "N") { this.disabled = "disabled"; disaledClass = "disabled" } else { this.disabled = ""; disaledClass = "" } if (this.hidden == "N") { this.hidden = "display:none;" } else { this.hidden = "" } if (this.value == "currentDateTime") { this.formatDate(); } if (this.required == 'Y') requiredClass = "requiredClass" // let arrayDate=val.split(" "); // elem.value = this.common.reverseFormatDate(arrayDate[0]); // elem.setAttribute('value', elem.value); // const timeInput = document.getElementById(this.validateEitObj[i].APPLICATION_COLUMN_NAME+"Time") as HTMLInputElement; // timeInput.value = arrayDate[1]; // timeInput.setAttribute('value', timeInput.value); // if(this.value){ // let arrayDate=this.value.split(" "); // dateValue=arrayDate[0]; // timeValue=arrayDate[1]; // } const template = "" + " " + this.label + "" + // "
" + this.value + "
" + "" + // " "+ // " "+ // " "+ "
" return template; } }