0

日付ピッカーからの値を新しいスクリプトに取得しようとしています。これは、日付ピッカーから2番目に選択された値が最初に選択された日付ピッカーの前ではないことを検証する必要があります。

ただし、スクリプトは実行されません。

これは私の見解です：

 <div class="editor-field">
        @Html.TextBox("PlannedDate", Model.PlannedDate, new { @class = "date", @readonly = "readonly" })
        @Html.TextBox("CompletedDate", Model.CompletedDate, new { @class = "date", @readonly = "readonly" })
        @Html.ValidationMessageFor(model => model.CompanyName)
    </div>
 <input id="submitfloat" type="submit" value="Go" />

これは私のスクリプトです

  <script>
  $(".date").datepicker();
  $('#submitfloat').submit(function() {
  var fromDate = $('#PlannedDate').val();
  var EndDate = $('#CompletedDate').val();
  if (Date.parse(fromDate) > Date.parse(EndDate)) {
    alert("Date error")
    }
    return false;

});

ただし、debug ut Firebug を開始すると、私の行が$('#submitfloat').submit(function() {実行されないようです。

私の問題が何であり、どのように解決できるか知っている人はいますか? 前もって感謝します

4

1 に答える 1

2

私の最初の答えです。お役に立てば幸いです。

最初の私の見解：

    <script src="Js/jquery.min.js" type="text/javascript"></script>
    <script src="Js/jquery.validate.min.js" type="text/javascript"></script>
    <script src="Js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <link href="Css/start/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />

私はそれを日付ピッカーと検証に使用します

    <form id="custom" action="">
         <input type="text" id="fechaLlegada" name="fechaL" style="color: #4080BF; font: bold 12px verdana; padding: 0 2px 3px 2px;"/> 
         <input type="text" id="fechaSalida" name="fechaS" style="color: #4080BF; font: bold 12px verdana; padding: 0 2px 3px 2px;"/>
         <br />
         <input type="submit"/>
    </form>

今スクリプト

    <script type="text/javascript">
jQuery.validator.addMethod("isValid", function (value, element) {
    var startDate = $('#fechaLlegada').val();
    var finDate = $('#fechaSalida').val();
    return Date.parse(startDate) < Date.parse(finDate);
}, "* End date must be after start date");

$(function () {
    $('#fechaLlegada,#fechaSalida').datepicker()

    $('#custom').validate({
        rules: {
            'fechaL': { required: true, date: true },
            'fechaS': { required: true, date: true, isValid: true }
        }, messages: {
            'fechaL': { required: 'date required msj!',
                date: 'invalid date format msj'
            },
            'fechaS': { required: 'date required msj!',
                date: 'invalid date format msj',
                isValid: 'End date must be after start date'
            }
        }
    });

});
</script>

日付検証のjquery検証にメソッドを追加し、それを検証スクリプトのルールとして使用します

this is working for me, i hope it helps someone
于 2012-04-26T19:38:35.443 に答える