You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
2.6 KiB
TypeScript
56 lines
2.6 KiB
TypeScript
import { UiElement } from "./ui-element";
|
|
|
|
export class DateInput extends UiElement {
|
|
private currentDate: any = ""
|
|
constructor(
|
|
private label: string,
|
|
private elementId: string,
|
|
private value: any,
|
|
private containerId: string,
|
|
private disabled: string,
|
|
private hidden: string,
|
|
private required: string) {
|
|
super(elementId, containerId, '');
|
|
this.createElement(this.getTemplate());
|
|
|
|
}
|
|
|
|
formatDate() {
|
|
let date = new Date();
|
|
this.value = date.toISOString().slice(0, 10);
|
|
}
|
|
dateChange($event){
|
|
console.log($event)
|
|
}
|
|
public getTemplate() {
|
|
let requiredClass: string = "";
|
|
if (this.disabled == "N") { this.disabled = "disabled" } else { this.disabled = "" }
|
|
if (this.hidden == "N") { this.hidden = "display:none;" } else { this.hidden = "" }
|
|
if (this.value == "currentDate") {
|
|
this.formatDate();
|
|
} else {
|
|
if (this.value) {
|
|
this.value = new Date(this.value).toISOString().slice(0, 10);
|
|
}
|
|
}
|
|
if (this.required == 'Y')
|
|
requiredClass = "requiredClass"
|
|
const template =
|
|
// "<div class='custom-text-area-element' style='"+this.hidden+"'>" +
|
|
// " <label class='daynamicForm-Label "+requiredClass+"' id='title' >" + this.label + "</label>" +
|
|
// " <input class='daynamicForm-DateTime' type='date' id='" + this.elementId + "' value='" + this.value + "' "+this.disabled+" />"+
|
|
// "</div> ";
|
|
|
|
"<ion-item>" +
|
|
" <ion-label style='font-size: medium !important;' class='daynamicForm-Label " + requiredClass + "' id='title' >" + this.label + "</ion-label>" +
|
|
// " <div class='daynamicForm-DateTime " + disaledClass + "' id='" + this.elementId + "' data-dtvalue='" + this.value + "' " + this.disabled + ">" + this.value + "</div>" +
|
|
"<ion-datetime class='onic-date' (ionChange)='setDate()' displayFormat='MMM/DD/YYYY' value='" + this.value + "' id='" + this.elementId + "' data-dtvalue='" + this.value + "' " + this.disabled + " ></ion-datetime>" +
|
|
// " <input class='daynamicForm-DateTime' type='text' id='" + this.elementId + "' value='" + this.value + "' "+this.disabled+" (click)='showDateTimePicker()'/>"+
|
|
// " <input class='daynamicForm-DateTime' type='date' id='" + this.elementId + "' value='" + dateValue+ "' "+this.disabled+" />"+
|
|
// " <input class='daynamicForm-DateTime' type='time' id='" + this.elementId + "Time' value='" + timeValue + "' "+this.disabled+" />"+
|
|
"</ion-item>"
|
|
|
|
return template;
|
|
}
|
|
|
|
} |