1

私はホテル イベントの機能を作成しており、jQuery UI の datepicker を使用して、イベントの開始日とイベントの終了日の 2 つのフィールドを入力しました。

そのため、開始日を現在の日付に入力したいようです。つまり、イベントの開始日を過去の日付に設定することはできません。それでは、コーディングでどのように行われるか教えていただけますか。

たとえば、このデモに示されている日付ピッカー

4

3 に答える 3

4

$('#input').datepicker({ minDate : new Date() });それをします。

例を見てください、お詫びします、CSSファイルを含めることはできません

http://jsfiddle.net/xVAfP/

于 2012-05-21T11:53:01.403 に答える
0

スクリプト Jquery:

var dates = $( "#date_init, #date_final" ).datepicker({
   onSelect: function( selectedDate ) {
        var option = this.id == "date_init" ? "maxDate" : "minDate",
        instance = $( this ).data( "datepicker" ),
        date = $.datepicker.parseDate(
            instance.settings.dateFormat ||
            $.datepicker._defaults.dateFormat,
            selectedDate, instance.settings d
        );
        dates.not( this ).datepicker( "option", option, date );
    }

});

入力時:

PHPで：

<input type="text" maxlength="10" name="date_final" id="date_final" value="<? echo  date('Y/m/d'); ?>" >

または、javascript を使用して入力時に日付を設定することもできます。

さよなら。www.estevaosoberano.com

于 2012-05-21T12:14:35.603 に答える
0 
<input type="text" id="tbStartDate" value="" disabled="disabled" />
<input type="text" id="tbEndDate" value="" disabled="disabled" />
<script type="text/javascript">
    $(document).ready(function () {
        $("#tbStartDate").datepicker({            
            dateFormat: 'dd-mm-yy',
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: '/Content/Calendar.png',
            buttonText: 'Click here (date)',
            onSelect: function (dateText, inst) {
                var $endDate = $('#tbStartDate').datepicker('getDate');
                $endDate.setDate($endDate.getDate() + 1);
                $('#tbEndDate').datepicker('setDate', $endDate).datepicker("option", 'minDate', $endDate);
            },
            onClose: function (dateText, inst) {
                //$("#StartDate").val($("#tbStartDate").val());
            }
        });

        $("#tbEndDate").datepicker({
            dateFormat: 'dd-mm-yy',
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage: '/Content/Calendar.png',
            buttonText: 'Click here (date)',
            onClose: function (dateText, inst) {
                //$("#EndDate").val($("#tbEndDate").val());
            }
        });

            var $endDate = $('#tbStartDate').datepicker('getDate');
            $endDate.setDate($endDate.getDate() + 1);
            $('#tbEndDate').datepicker('setDate', $endDate).datepicker("option", 'minDate', $endDate);
    });
</script>
于 2012-07-26T10:14:26.050 に答える