Hi all!
I’ve set up a custom form with code and all fields submit to database onclick, except the date picker input. I also have the onclick function to disable button if all fields are not complete and that works fine for all inputs, except the datepicker input.
I’ve tried renaming the datepicker id and also tried deleting and adding another but same problem persists. Is this a bug?? … datepicker5 is the problem. The element id is “datepicker5”. Any help would be so appreciated as everything seems in proper order and all other elements and onclick functions accordingly, except for datepicker5. Here’s my code:
export function button118_click(event) {
if (wixUsers.currentUser.loggedIn) {
if ($w( “#input30” ).value !== ‘’ && $w( “#dropdown31” ).value !== ‘’
&& $w( “#dropdown30” ).value !== ‘’ && $w( “#dropdown32” ).value !== ‘’
&& $w( “#datepicker5” ).value !== ‘’ && $w( “#timePicker5” ).value !== ‘’ )
$w( "#slideshow4" ).changeSlide( 1 );
} else {
$w( '#button118' ).disable();
$w( "#text370" ).show();
setTimeout ( **function** ()
{ $w( '#button118' ).enable();
$w( "#text370" ).hide();
}, 3000 );
wixUsers.promptLogin( { “mode” : “signup” } )
$w( ‘#text319’ ).scrollTo();
} if ($w( “#input30” ).value !== ‘’ && $w( “#dropdown31” ).value !== ‘’
&& $w( “#dropdown30” ).value !== ‘’ && $w( “#dropdown32” ).value !== ‘’
&& $w( “#datepicker5” ).value !== ‘’ && $w( “#timePicker5” ).value !== ‘’ )
$w( “#slideshow4” ).changeSlide( 1 );
else {
$w( '#button118' ).disable();
$w( "#text370" ).show();
setTimeout ( **function** ()
{ $w( '#button118' ).enable();
$w( "#text370" ).hide();
}, 3000 );
}
}
export function button116_click(event) {
if ($w( “#input31” ).value !== ‘’ && $w( “#dropdown32” ).value !== ‘’
&& $w( “#input34” ).value !== ‘’ && $w( “#input35” ).value !== ‘’ ) {
$w( "#slideshow4" ).changeSlide( 2 );
$w( '#dataset1' ).onReady(sendFormData);
function sendFormData() {
const subject = ${$w( "#input36" ).value} Service Scheduled ${$w( "#input31" ).value} + ${$w( "#input32" ).value};
const body = Thank You For Your Coosing Our Garage, ${$w( "#input31" ).value} \rCustomer Login For Full Details @: ${ "www.autorepairmechanic.shop" } \rCustomer Name: ${$w( "#input31" ).value} + ${$w( "#input32" ).value} \rCustomer Email: ${$w( "#input33" ).value} \rCustomer Tel No: ${$w( "#input34" ).value} \rScheduled Date: ${$w( "#datepicker5" ).value} \rScheduled Time: ${$w( "#timePicker5" ).value} \rVehicle Type: ${$w( "#dropdown30" ).value} + ${$w( "#dropdown31" ).value} + ${$w( "#input30" ).value} \rGarage Contact Information: ${$w( '#dynamicgarageinfo' ).text};
const recipient = $w( “#input33” ).value;
sendEmailWithRecipient(subject, body, recipient)
.then(response => console.log(response));
sendEmail(subject, body)
.then(response => console.log(response));
}
let vehiclediagnose = {
“title” : wixUsers.currentUser.id,
“vehicleMake” : $w( “#dropdown31” ).value,
“vehicleModel” : $w( “#input30” ).value,
“vehicleYear” : $w( “#dropdown30” ).value,
“whatVehicleNeeds” : $w( “#dropdown32” ).value,
“date” : $w( “#datepicker5” ).value,
“time” : $w( “#timePicker5” ).value,
“firstName” : $w( “#input31” ).value,
“lastName” : $w( “#input32” ).value,
“email” : $w( “#input33” ).value,
“telNo” : $w( “#input34” ).value,
“admin” : $w( “#text372” ).text,
“address” : $w( “#input35” ).value,
“city” : $w( “#input36” ).value,
“shopAddress” : $w( ‘#dynamicgarageinfo’ ).text,
“vehicleType” : $w( “#dropdown30” ).value + ( ’ ’ ) + $w( “#dropdown31” ).value + ( ’ ’ ) + $w( “#input30” ).value,
“fullName” : $w( “#input31” ).value + ( ’ ’ ) + $w( “#input32” ).value,
};
console.log( "vehiclediagnose to be saved" + JSON.stringify(vehiclediagnose));
wixData.insert( "VehicleDiagnose" , vehiclediagnose)
.then( (results) => {
let title = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(title));
let vehicleMake = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(vehicleMake));
let vehicleModel = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(vehicleModel));
let vehicleYear = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(vehicleYear));
let whatVehicleNeeds = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(whatVehicleNeeds));
let date = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(date));
let time = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(time));
let address = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(address));
let firstName = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(firstName));
let lastName = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(lastName));
let telNo = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(telNo));
let email = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(email));
let admin = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(admin));
let city = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(city));
let shopAddress = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(shopAddress));
let vehicleType = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(vehicleType));
let fullName = results; //see item below
console.log( "vehiclediagnose in db: " + JSON.stringify(fullName));
});
} else {
$w( ‘#button116’ ).disable();
$w( “#text368” ).show();
setTimeout ( **function** ()
{ $w( '#button116' ).enable();
$w( "#text368" ).hide();
}, 3000 );
}
}
Thank You
Thanks!