defined constraints for dateTimePicker
This commit is contained in:
parent
86449eea67
commit
b6083d836d
1 changed files with 64 additions and 22 deletions
|
|
@ -1,33 +1,77 @@
|
||||||
|
// get current_date
|
||||||
|
var today = new Date().toISOString().slice(0, 10);
|
||||||
$(function () {
|
$(function () {
|
||||||
$("#registration-arrival-datepicker, #registration-departure-datepicker").datetimepicker({
|
$("#registration-arrival-datepicker").datetimepicker({
|
||||||
pickTime: true,
|
pickTime: true,
|
||||||
useCurrent: false,
|
useCurrent: false,
|
||||||
minuteStepping: 15,
|
minuteStepping: 15,
|
||||||
sideBySide: true,
|
sideBySide: true,
|
||||||
format: "YYYY-MM-DD HH:mm"
|
format: "YYYY-MM-DD HH:mm",
|
||||||
|
// current_date <= arrival_date <= end_date
|
||||||
|
maxDate : $("#registration-arrival-datepicker").attr('end_date'),
|
||||||
|
minDate : today,
|
||||||
|
defaultDate : $("#registration-arrival-datepicker").attr('start_date'),
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#registration-departure-datepicker").datetimepicker({
|
||||||
|
pickTime: true,
|
||||||
|
useCurrent: false,
|
||||||
|
minuteStepping: 15,
|
||||||
|
sideBySide: true,
|
||||||
|
format: "YYYY-MM-DD HH:mm",
|
||||||
|
// departure_date > start_date
|
||||||
|
minDate : $("#registration-arrival-datepicker").attr('start_date'),
|
||||||
|
defaultDate : $("#registration-arrival-datepicker").attr('end_date'),
|
||||||
});
|
});
|
||||||
|
|
||||||
$("#registration-arrival-datepicker").on("dp.change",function (e) {
|
$("#registration-arrival-datepicker").on("dp.change",function (e) {
|
||||||
console.log (e.date)
|
// departure_date > start_date,arrival_date
|
||||||
$('#registration-departure-datepicker').data("DateTimePicker").setDate(e.date);
|
if ((new Date(e.date).getTime()) > (new Date($("#registration-arrival-datepicker").attr('start_date')).getTime())){
|
||||||
$('#registration-departure-datepicker').data("DateTimePicker").setMinDate(e.date);
|
$('#registration-departure-datepicker').data("DateTimePicker").setMinDate(e.date);
|
||||||
});
|
}
|
||||||
$("#conference-end-datepicker").on("dp.change",function (e) {
|
else{
|
||||||
$('#registration-arrival-datepicker').data("DateTimePicker").setMaxDate(e.date);
|
$('#registration-departure-datepicker').data("DateTimePicker").setMinDate($("#registration-arrival-datepicker").attr('start_date'));
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// departure_date >= arrival_date
|
||||||
|
$("#registration-departure-datepicker").on("dp.change",function (e) {
|
||||||
|
$('#registration-arrival-datepicker').data("DateTimePicker").setMaxDate(e.date);
|
||||||
|
});
|
||||||
|
|
||||||
const $datetimepickers = $("#conference-start-datepicker, #conference-end-datepicker, #registration-period-start-datepicker, #registration-period-end-datepicker");
|
$("#conference-start-datepicker").datetimepicker({
|
||||||
|
pickTime: false,
|
||||||
|
useCurrent: false,
|
||||||
|
format: "YYYY-MM-DD",
|
||||||
|
// conference-start-day >= Current_date
|
||||||
|
minDate : today ,
|
||||||
|
});
|
||||||
|
|
||||||
$datetimepickers.datetimepicker({
|
$("#conference-end-datepicker").datetimepicker({
|
||||||
pickTime: false,
|
pickTime: false,
|
||||||
useCurrent: false,
|
useCurrent: false,
|
||||||
format: "YYYY-MM-DD"
|
format: "YYYY-MM-DD",
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// end_date_conference >= registration-period-Start_date >= Current_date
|
||||||
|
// registration-period-Start_date <= registration-period-End_date <= End_date (of conference)
|
||||||
|
$("#registration-period-start-datepicker").datetimepicker({
|
||||||
|
pickTime: false,
|
||||||
|
useCurrent: false,
|
||||||
|
format: "YYYY-MM-DD",
|
||||||
|
minDate : today,
|
||||||
|
maxDate : $("#registration-period-start-datepicker").attr('end_date'),
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#registration-period-end-datepicker").datetimepicker({
|
||||||
|
pickTime: false,
|
||||||
|
useCurrent: false,
|
||||||
|
format: "YYYY-MM-DD",
|
||||||
|
minDate: today,
|
||||||
|
maxDate : $("#registration-period-start-datepicker").attr('end_date'),
|
||||||
|
});
|
||||||
|
|
||||||
$("#conference-start-datepicker").on("dp.change",function (e) {
|
$("#conference-start-datepicker").on("dp.change",function (e) {
|
||||||
console.log (e.date)
|
|
||||||
$('#conference-end-datepicker').data("DateTimePicker").setDate(e.date);
|
|
||||||
$('#conference-end-datepicker').data("DateTimePicker").setMinDate(e.date);
|
$('#conference-end-datepicker').data("DateTimePicker").setMinDate(e.date);
|
||||||
});
|
});
|
||||||
$("#conference-end-datepicker").on("dp.change",function (e) {
|
$("#conference-end-datepicker").on("dp.change",function (e) {
|
||||||
|
|
@ -35,8 +79,6 @@ $(function () {
|
||||||
});
|
});
|
||||||
|
|
||||||
$("#registration-period-start-datepicker").on("dp.change",function (e) {
|
$("#registration-period-start-datepicker").on("dp.change",function (e) {
|
||||||
console.log (e.date)
|
|
||||||
$('#registration-period-end-datepicker').data("DateTimePicker").setDate(e.date);
|
|
||||||
$('#registration-period-end-datepicker').data("DateTimePicker").setMinDate(e.date);
|
$('#registration-period-end-datepicker').data("DateTimePicker").setMinDate(e.date);
|
||||||
});
|
});
|
||||||
$("#registration-period-end-datepicker").on("dp.change",function (e) {
|
$("#registration-period-end-datepicker").on("dp.change",function (e) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue