0

日付ピッカーに Bootstrap プラグインを使用しています。それは正常に動作します。2種類の検証が必要です。最初の 1 つはフィールドの検証が必要であり、2 番目の指定された日付は受け入れられません。誰でもこれについて助けることができますか？私もjクエリの初心者です。よろしくお願いします。

Jquery コード: 

$(function () {
  window.prettyPrint && prettyPrint();
  $('#ContentSection_txtFromDate, #ContentSection_txtToDate').datepicker({
     format: 'mm-dd-yyyy'
 });

Aspx コード

      <div>
            <p>
                <asp:Label ID="lblEndingTimeStamp" runat="server" Text="<span>*</span> Ending Time Stamp"
                        AssociatedControlID="ddlEndingTimeStamp"></asp:Label>
                    <asp:DropDownList ID="ddlEndingTimeStamp" runat="server">
                        <asp:ListItem Value="0">23:59:59</asp:ListItem>
                    </asp:DropDownList>
                </p>
                <p>
                    <asp:Label ID="lblToDate" runat="server" Text="<span>*</span> To Date" AssociatedControlID="txtToDate"></asp:Label><asp:TextBox
                        ID="txtToDate" runat="server" value="MM/DD/YYYY" onfocus="if(this.value == 'MM/DD/YYYY')this.value='';"
                        onblur="if(this.value =='')this.value='MM/DD/YYYY';"></asp:TextBox></p>

            </div>
4

1 に答える 1

0

何らかのタイプのフォーム送信を行っていると仮定するとtrip-picker、<form>ID を使用すると、次のように入力されていないフィールドと無効な日付の組み合わせが検出されます。

$('#trip-picker').submit(function() {
  var fromDate = $('#ContentSection_txtFromDate').val(),
      toDate = $('#ContentSection_txtFromDate').val();

  if (!fromDate || !toDate) {
    alert("both dates required!");
    return false;
  } else if (Date.parse(fromDate) > Date.parse(toDate)) {
    alert("departure date must precede return date!");
    return false;
  }

});
于 2012-07-10T17:28:01.473 に答える