我正在使用基于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>
有什么建议吗？
我尝试使用猫头鹰旋转木马在左侧显示其他项目的一部分，并在右侧显示完整项目。
每个项目都有一个横幅图像和文本，它们使用引导网格列进行分割。
我能够使用 stagepadding: 200 实现部分显示，并仅在左侧显示部分图像，我在 .owl-stage 类的 css 中使用 right:-200px 。
现在的问题是，在左侧我需要显示该部分幻灯片的横幅图像，而不是文本......
owl slider 具有活动类，因此使用 css，我尝试在文本列不活动时隐藏该文本列...它有效，但我看到的只是左侧的空白空间，它没有自动推送横幅图像。
请查看屏幕截图我想要实现什么：https://i.stack.imgur.com/nJXGQ.jpg 我得到什么：https://i.stack.imgur.com/YquFy.jpg
该空白实际上填充了文本列，但被 css 隐藏了。我需要左侧的横幅图像在部分显示时接管整个空间，但是当该特定幻灯片项目处于活动状态时，我将像往常一样显示图像和文本。
这是我的js脚本。
jQuery(document).ready(function($) {
$('.owl-carousel').owlCarousel({
center: true,
autoplay:false,
autoplayTimeout:5000,
autoplayHoverPause:false,
stagePadding: 150,
items:1,
loop:true,
margin:0,
responsive:{
600:{
items:1
}
},
onInitialized : function(){
if($('.owl-item').first().hasClass('active'))
$('.owl-prev').hide();
else
$('.owl-prev').show();
}
});
});