1

我正在为酒店活动创建功能，并使用 jQuery UI datepicker 输入两个字段，即活动开始日期和活动结束日期。

因此，似乎我想将开始日期输入到当前日期，这意味着事件开始日期不能设置为过去日期。那么你能告诉我它是如何用编码完成的吗？

例如此演示中显示的日期选择器

4

3 回答 3

4

$('#input').datepicker({ minDate : new Date() });会做的。

看一个例子，抱歉，我不能包含 CSS 文件

http://jsfiddle.net/xVAfP/

于 2012-05-21T11:53:01.403 回答
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 回答
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 回答