クエリーパラメーターのURLをyyyy-mm-dd型のデータをyyyy/mm/ddに変換たい

Question

前提・実現したいこと

クエリーパラメーターのURLをyyyy-mm-dd型のデータをyyyy/mm/ddに変換たい
fetch(/oo?checkin=${checkinday}&checkout=${checkoutday})の${}の部分がyyyy-mm-ddの形APIをたたいており、
yyyy/mm/ddにしたいのですが、実装できません
現在　　　　　　oo?checkin=2021-10-03&checkout=2021-10-04
実装したいURL　oo?checkin=2021/10/03&checkout=2021/10/04

発生している問題・エラーメッセージ

エラーメッセージは出てなく、思うような挙動になりません

該当のソースコード

const formatDate=(dt) => {
        var y = ('0000' + dt.getFullYear()).slice(-4);
        var m = ('00' + (dt.getMonth()+1)).slice(-2);
        var d = ('00' + dt.getDate()).slice(-2);
        return (y + '/' + m + '/' + d);
      };
    const handleOnClick = event => {
        event.preventDefault();
        const checkinday=formatDate(checkin);
        const checkoutday=formatDate(checkout);
        const error =  checkinday === '' || checkoutday === '' || checkinday > checkoutday;
        SetErrormessage(error);
        setButtonClicked(!error);
        fetch(`/oo?checkin=${checkinday}&checkout=${checkoutday}`)
            .then(response => {
                if (response.ok) {
                    response.json().then(results => {
                        setGuesthouseList(results);
                    });
                }
                ;
            });
    };
return(
            <TextField
                id="min"
                select
                label="min"
                value={min}
                onChange={minChange}
                helperText=""
            >
                {mins.map((option) => (
                    <MenuItem key={option.value} value={option.value}>
                        {option.label}
                    </MenuItem>
                ))}
            </TextField>
            <TextField 
                id="max"
                select
                label="max"
                value={max}
                onChange={maxChange}
                helperText=""
            >
                {maxs.map((option) => (
                    <option key={option.value} value={option.value}>
                        {option.label}
                    </option>
                ))}
            </TextField>
)

試したこと

const formatDate=(dt) => {
var y = ('0000' + dt.getFullYear()).slice(-4);
var m = ('00' + (dt.getMonth()+1)).slice(-2);
var d = ('00' + dt.getDate()).slice(-2);
return (y + '/' + m + '/' + d);
};
この関数をAPIを叩く前に噛ませてyyyy-mm-ddをyyyy/mm/ddに変換する処理を行えおらず、
oo?checkin=2021-10-03&checkout=2021-10-04の状態でAPIを叩いていました。
JSX部分でカレンダーから取得した値を(yyyy-mm-dd)を(yyyy/mm/dd)に変更したいです。

Answer 1

これでよくないですか

const formatDate=(dt) => { return dt.replace(/-/g,'/'); };