a553fa9f-ef45-4899-b83b-4bf6c50a49a5

You are editing:

Save Calculated Field Using WIX Data Hooks

Text Box

Category

YouTube

Preview URL

Description

Tutorial Code

BACKEND CODE

export function Age_beforeInsert(item, context) {
 
    var todaysDate = new Date().getFullYear(); //CURRENT YEAR
    let inputDate = item.datePickerFieldkey; // CONNECT DATE PICKER TO DATA
    var inputDateyear = inputDate.getFullYear(); //YEAR PICKED FROM DATE PICKER
    var age = String(todaysDate - Number(inputDateyear)) //AGE IN STRING FORMAT
 
    let newAge = Number(age) // AGE IN NUMBER FORMAT
 
    item.calculatedFieldkey = newAge; //ASSIGN THE CALCULATED AGE TO THE AGE FIELD
 
    return item;
}

PAGE CODE

$w.onReady(() => {
    $w("#DOBPicker").onChange(() => {
 
        var todaysDate = new Date().getFullYear(); // CURRENT YEAR
 
        let inputDate = $w("#DOBPicker").value; //VALUE FROM DATE PICKER
        var inputDateyear = inputDate.getFullYear(); //YEAR PICKED FROM DATE PICKER
 
        $w("#ageDisplay").show(); //SHOW TEXT AFTER PICKING A DATE (OPTIONAL)
 
        $w("#ageDisplay").text = `You are "${String(todaysDate - Number(inputDateyear))}" years old`; //DESIGN YOUR MESSAGE
 
    })
})

Featured image

Upload

Gallery Images

Upload 3 Images

This post is ready to be published

Tutorial published!

An error occurred. Try again later

•

UPDATE TUTORIAL

You are editing:

Save Calculated Field Using WIX Data Hooks

ABOUT

CATEGORIES

SUPPORT

WIX Genius

Playground

About Us

Repeaters

Velo

Email Us

Contact Us