1

Date の値を、指定したデフォルト値のままにしたいと考えています。ユーザーが送信ボタンをクリックしたときに日付が選択されていない場合。

私が必要とする機能。ユーザーが日付を選択してフォームを送信する場合、送信後にフォームで選択された日付の値は、完全に機能する日付フィールドの値でなければなりません。問題があります。日付が選択されておらず、ユーザーが日付フィールドから送信した場合、デフォルトで今日の日付が表示されます 日付を選択

私のコードは次のとおりです

HTML

<body  onload="CovertDateToString()">

    <form action="searchDate" method="post" id="searchDate" class="searchDate"  modelAttribute="searchDate">
        <!-- Select type selectDateRange-->
            <div class="form-group ">
                        <div class="col-md-3 selectContainer">
                            <div class="input-group">
                                <input type="text" class="form-control" name="selectDateRange" id="selectDateRange" value="${newDate}">
                                <span class="input-group-addon"><i  class="glyphicon glyphicon-calendar"></i></span> 
                        </div>
                </div>
            </div>
          <!-- Select type search button with input-->
        <div class="form-group">
            <div class="col-md-3 inputGroupContainer">
                <div class="input-group">
                    <span   class="input-group-btn">
                     <button class="btn btn-success"  type="submit">
                        <div class="up" style="margin-top: -8%; color: white;">Search</div></button>
                     </span>
                   </div>
                 <!-- /input-group -->
            </div>
        </div>
    </form>
</body>

JSコード

function CovertDateToString() { 

    var date = <%=request.getParameter("selectDateRange")%>;    
    var myDate = new Date();
    var selectDate = myDate.toDateString();
    var selectDate = "Select Date"; 
    document.getElementsByName('selectDateRange')[0].value = selectDate;
    selectDate = date;
    document.getElementsById('selectDateRange')[0].value = date;
    console.log("Set Date to Select Date ",selectDate);
    console.log("Set Date to Selected Date ",date);
}

日付範囲ピッカー

$(function() {      
    $('input[name="selectDateRange"]').daterangepicker({              
        locale: {
             format: 'YYYY-MM-DD'
        }
    });
});
4

2 に答える 2