JQueryUi日期选择器在鼠标悬停时停止Reinit

JQueryUi datepicker stop Reinit on mouseup

本文关键字：Reinit 悬停 鼠标 日期 选择器 JQueryUi      更新时间：2023-09-26

我使用JQueryUI日期选择器，显示内联模式。页面加载时，我会在日历中填写事件。但当我点击它（在任何地方）时，我的活动都被删除了，我想日期选择器是重新输入的。我该如何预防。

$('table').mouseup(
function() {
    $('td').unbind('mousedown mousemove');
});

我尝试了这两种方法，但它们对我没有帮助。谢谢你的帮助。

<div id="datepicker"></div>
$("#datepicker").datepicker({ firstDay: 1 });
<div class="main">
    <?php $this->renderPartial('_dashboard_menu'); ?>
    <section>
        <div class="container">
            <div class="row">
                <div class="span12">
                <div id="datepicker"></div>
                </div>
            </div>
        </div>
    </section>
</div>

我认为您不需要Javascript。使用纯CSS。日期选择器从jquery ui css文件中获取样式。因此，如果您想要为日期选择器自定义样式，那么您可以相应地对其进行修改。否则，您也可以通过在style属性后面使用"！important"来单独使用自定义css。例如：datepicker中的日期基本上是一个锚，td中有类".ui-state-default"。因此，如果你想改变背景颜色，那么：

.ui-state-default:hover {background:red!important;}

或

.ui-state-default.ui-state-hover {background:red;}

你应该尽可能避免使用"！important"。

以下是jsfiddle链接：http://jsfiddle.net/lotusgodkk/GCu2D/1/

相关文章：