在 Object.keys 中按日期排序未按预期工作

Question

我正在尝试按日期对交易列表进行排序，但排序不正确。我正在使用 Firebase。

添加日期时从表单输入

      <input
        className="form-control"
        name="date"
        value={values.date}
        onChange={handleInputChange}
        type="date"
        required
        pattern="\d{4}-\d{2}-\d{2}"
      />

const handleInputChange

  const handleInputChange = (e) => {
    const { name, value } = e.target;
    setValues({
      ...values,
      [name]: value,
    });
  };

和排序的交易列表

<div>
                {Object.keys(expenses)
                  .sort((a, b) => a.date - b.date)
                  .map((key) => (
                    <div className="single-row-table" key={key}>
                      <div className="table-description">
                        {expenses[key].description}
                      </div>
                      <div className="table-category">
                        {expenses[key].category}
                      </div>
                      <div className="table-date">{expenses[key].date}</div>
                      <div className="table-delete-button">
                        <i
                          class="far fa-trash-alt"
                          onClick={() => {
                            onDelete(key);
                          }}
                        ></i>
                      </div>
                    </div>
                  ))}
              </div>

我不知道出了什么问题。