1

jQuery UI Datepickerを使用して、2フィールドの送信フォームを作成しています。ユーザーに範囲を作成して送信し、結果を確認してもらいたい。ただし、明らかに、終了日よりも最近に発生する開始日を選択することはできません（今日から昨日までの範囲は表示されません）。今のところ、最初のものがその前に起こった場合、私は2番目のものの選択にアラートを出すことができましたが、ユーザーが他のものを選択できるように日付ピッカーを開いたままにする方法がわかりません。

これが私がこれまでに持っているコードです：

<script>
    $(document).ready(function() {
        $(".datepicker_start").datepicker({
            maxDate: '+0d',
            onSelect: function(dateText, inst) {

        }
        });
        $(".datepicker_to").datepicker({
            maxDate: '+0d',
            onSelect: function(dateText, inst) {
                 var startDate = $('.datepicker_start').val();
                $(this).attr('value', dateText)
                if (startDate > dateText) {
                    alert('not cool!');
                }
        }
        });
    });
</script>

誰かが私がこれを行う方法を知っていますか？falseを返そうとしましたが、それでも間違った日付がフィールドにプッシュされます:(

4

2 に答える 2

0 
$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate);
        }
    });
});

差出人：http ：//jqueryui.com/demos/datepicker/date-range.html

于 2012-10-05T11:18:14.963 に答える
0 
  $(function () {
        $("#fromdate").datepicker({
            onClose: function (selectedDate) {
                $("#todate").datepicker("option", "minDate", selectedDate);
            }
        });
        $("#todate").datepicker({
            onClose: function (selectedDate) {
                $("#fromdate").datepicker("option", "maxDate", selectedDate);
            }
        });
    });
于 2014-02-25T11:06:06.807 に答える