flatpickerで入力した日付・時間を出力できない

Question

前提・実現したいこと

Node.jsを使用しています。
flatpickerで作成した日付・時間入力フォームからの値をコンソールで出力したいです。

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

エラーメッセージ

該当のソースコード

<form action="/" method="post">
    <input type="text" name="customer_name" value=""> 名前を入力して下さい。<br>
    <input type="text" name="reserve_type" value=""> 予約内容を入力して下さい。<br>
    <input class="flatpickr" type="text" name="reserve_date" readonly="readonly">
    <script>
      const config = {
        enableTime: true,
        dateFormat: "Y-m-d H:i",
      }
        flatpickr('.flatpickr', config);
    </script>
    <p><input type="submit" value="予約する"></p>

router.get('/', function(req, res, next) {
  res.render('index', { title: '予約入力画面' });
});

router.post('/', function(req, res, next){
  var name = req.body.customer_name;
  var type = req.body.reserve_type;
  const fp = flatpickr("#myID", {});
  console.log(name);
  console.log(type);
  console.log(fp);
});

module.exports = router;

試したこと

flatpickerの本家みたいなのを見てみました。ですが、英語がわからずに積みました。

補足情報（FW/ツールのバージョンなど）

鬼のような初心者で恥ずかしいですが、お手柔らかにお願いします。

Answer 1

コードを見てサーバーサイドでExpressを使っていると思うので、その前提で回答します。

flatpickrというよりも、Expressでフォームの値を取得する方法を見たほうがいいと思いました。
Expressでは、req.body以下にフォームから送信された値がkey-valueで入ります。（通常はinputタグのname属性がkeyなります）

今のコードですと、reserve_dateという名前でflatpickerの値を送信してるので、サーバー側でも同じ値を使ってあげるといいです。

router.post("/", function(req, res, next) {
  var name = req.body.customer_name;
  var type = req.body.reserve_type;
  const fp = req.body.reserve_date; // この行を修正しました。
  console.log(name);
  console.log(type);
  console.log(fp);
});

サンプルコード

英語は苦手かもしれませんが、Expressのドキュメントに解説が書いてあるので参考までにおいておきます。
以下のページの「Request」セクションに仕様や実装例のコードが書いてあります。
https://expressjs.com/en/5x/api.html