日期的JavaScript onChange不起作用

Question

我有下面的代码片段。

<tr>
            <td>
                <%= "MHC Date" %>
            </td>
            <td>
                <%= text_field :candidate_mhc_detail, :mhc_date, :class => 'txtinputs', :id => "mhc_date", :value => showdate(Date.today), :style => ["width:80px;"], :onChange => "return validate_date();" %>
                <a id="_mhc_date_link" onclick="DatePicker.toggleDatePicker('mhc_date')" class="demo_link"><img src="/images/calendar.png" width="20" height="20" /></a>
                <div id="_mhc_date_calendar" class="date_picker" style="display:none">
                </div>
            </td>
        </tr>

文本字段的值，即MHC Date默认设置为Date.today ，如果更改了该值，我需要执行一个JavaScript警报，显示“ MHC Date应该是今天的日期”，但是执行此操作时遇到问题与onChange

我的JavaScript：

function validate_date(){
        if ($F('mhc_date') != Date.today)
        {
            alert("Date should not be greater than Today's Date")
        }
    }

任何帮助是极大的赞赏！ 谢谢！

Answer 1

首先，我鼓励您不要使用内联Javascript。 尽可能尝试使用UJS，而不是添加onchange =“ blah”。 尝试添加一个事件处理程序，在原型中，我认为这是使用observe完成的。

其次，Javascript没有Date.today调用。 所以这会出错。 尝试构建它，因此从警告onchange函数是否已启动开始。 然后警告文本框的值和今天的值（ new Date() ），然后警告相等性检查的结果。

Answer 2

与其使用验证，不如尝试定义DateField的范围，因为该标记建议您使用Rails：

<%= form_for @new_object do |f| %>
  <%= f.text_field :date_attribute, id: 'date_select_me'%>
<% end %>

<script>
  $('#date_select_me').datepicker({
    minDate: '-1Y',
    maxDate: new Date(),
  });
</script>

此方法使用jquery UI的DatePicker，在此配置下，它将允许用户在1年之前和今天之间选择一个日期。

来源： http ： //jqueryui.com/datepicker/#min-max