今天的JS今天与VUE的日期验证问题

Question

在我的vuejs应用程序中，我有一个带有表格的组件。

以这种形式，我有一个字段来选择日期。

我的要求是显示出错误消息，如果所选日期大于当前日期。

基本上，选定的日期需要是今天的日期或将来的日期。

我正在使用Moment JS。

我在我的validator.vue中有遵循自定义规则

const dateIsToday = (value) => {
    var todayDate = moment(new Date()).format("DD-MM-YYYY");
    var selectedDate = value;
    return selectedDate>=todayDate;
};

，但是只有当我从本月中选择了旧日期...假设用户是否从本月选择了较早的日期，例如> 10-04-2022，然后将显示错误消息。

但是，如果用户选择上个月或过去一个月的旧日期，例如10-01-2022，这不会向我显示错误

消息

<div class="w-1/2 mr-2">
                        <p class="text-certstyle-titles font-bold text-sm mb-1">Start date</p>
                        <div class="h-12">
                            <cs-date-picker
                                id="startDate"
                                v-model="project.start_date"
                                :default-selection="true"
                                :name="`${identifier}-start_at`">
                            </cs-date-picker>
                            <validator
                                :identifier="`${identifier}-validate-project`"
                                :rules="validations.startDate"
                                :name="`${identifier}-start_at`"
                            />
                        </div>
                    </div>

。...在我的验证下，我有

startDate: {
                    required: {
                        message: 'Project Start date is required.'
                    },
                    dateIsToday: {
                        message: 'Date has to be today's date or a future date.'
                    },
                },

Answer 1

看来您正在比较字符串。相反，您应该真正利用时刻并比较力矩日期：

const dateIsToday = (value) => {
    let todayDate = moment();
    let selectedDate = moment(value, "DD-MM-YYYY");
    return selectedDate.isSameOrAfter(todayDate);
};