Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
150410 | Jan 6,2020 11:46 AM UTC | Jan 8,2020 01:38 PM UTC | ASP.NET Core - EJ 2 | 3 |
![]() |
Tags: DatePicker |
<form id="form-element" class="form-vertical">
<div class="form-group">
<ejs-datepicker id='BirthDate' format="MM/dd/yyyy" min="ViewBag.DPMinDate" max="ViewBag.DPMaxDate" placeholder="Selezionare una data"></ejs-datepicker>
</div>
<input type="submit" value="submit" />
</form>
<script>
document.addEventListener('DOMContentLoaded', function () {
var datepickerObject = document.getElementById("BirthDate").ej2_instances[0];
var options = {
rules: {
//must specify the name attribute value in rules section
'BirthDate': { required: true, min: [minDate, 'MIN ERROR!'], max: [maxDate, 'MAX ERROR!'] }
},
customPlacement: (inputElement, errorElement) => {
debugger
//to place the error message in custom position
//inputElement - target element where the error text will be appended
//errorElement - error text which will be displayed.
inputElement.parentElement.parentElement.appendChild(errorElement);
}
};
var formObject = new ej.inputs.FormValidator('#form-element', options);
function minDate(args) {
var inputValue = datepickerObject.globalize.parseDate(args['value'], { format: datepickerObject.format, type: 'dateTime', skeleton: 'yMd' });
if (+inputValue >= +datepickerObject.min.setHours(0, 0, 0, 0)) {
return true;
} else {
return false;
}
}
function maxDate(args) {
var inputValue = datepickerObject.globalize.parseDate(args['value'], { format: datepickerObject.format, type: 'dateTime', skeleton: 'yMd' });
if (+inputValue <= +datepickerObject.max.setHours(0, 0, 0, 0)) {
return true;
} else {
return false;
}
}
});
</script> |
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.
This page will automatically be redirected to the sign-in page in 10 seconds.