相关疑难解决方法(0)

我正在尝试使用UI日期选择器选择日期范围.

在from/to字段中,人们不应该能够查看或选择当天之前的日期.

这是我的代码:

$(function() {
    var dates = $( "#from, #to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            var option = this.id == "from" ? "minDate" : "maxDate",
                instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );
        }
    });
});

有人可以告诉我如何禁用当前日期之前的日期.

如何在datetimepicker上禁用当前日期的过去日期？我试过类似问题的帖子很少但是无法实现它,下面就是我尝试过的

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
 href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript"
 src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script> 
<script type="text/javascript"
 src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$(function() {
  $('#datetimepicker2').datetimepicker({
    language: 'en',
    pick12HourFormat: true
  });
});
</script>

<div id="datetimepicker2" class="input-append">
<input data-format="MM/dd/yyyy" type="text"/>
<span class="add-on">
  <i  data-date-icon="icon-calendar">
  </i>
</span>

我也试过了

$("datetimepicker2").datepicker({ changeYear: true, dateFormat: 'dd/mm/yy', showOn: 'none', showButtonPanel: true,  minDate:'0d' }); 

和

$("#datetimepicker2").datepicker({ minDate: 0 });

我正在使用基于Bootstrap 3主题的Wordpress网站.

在表格中,我需要包括日历日期选择器.我从eyecon添加了一个js库(Datepicker库的演示网站).我使用了日期选择器,但是在设置出发时间时,我无法选择到达字段的过去时间.

例如,如果出发时间设置为3月1日,则当用户单击弹出的日历中的"到达"字段时,应禁用3月2日之前的所有日期.

我尝试了在演示网站上给出的多个版本的代码,但它们没有用.我认为问题可能是我在noConflict模式下使用jQuery.

我当前的脚本位于我主题的footer.php中.日历弹出窗口有效,并且它会禁用过去的日期,但是一旦设置了出发日期,它就不会在到达字段之前禁用日期.

这是最成功的尝试,因为至少日历弹出窗口正在进行此尝试:http://jsfiddle.net/j5ZKc/

这是我目前的脚本:

<script type="text/javascript">
jQuery(function() {
  jQuery('#dp1, #dp2'
  ).datepicker({startDate: '-0m'}).on('changeDate', function(){
    jQuery( '#dp1, #dp2'
    ).datepicker('hide');
  })
});
</script>

有什么建议吗？