Question

我在我的网站上使用jquery ui。我正在尝试使用jquery ui来显示弹出窗口和datepicker，但只有popup才有用。

所以我的问题是：如何在popup和datepicker中使用jquery。

这是我的code：

$(function () {
    $("#dialog").dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 1000
        }
    });
    $("#opener").click(function () {
        $("#dialog").dialog("open");
    });
});
$(function () {

    $(".from").datepicker({
        showOn: "button",
        buttonImage: "images/cal.gif",
        buttonImageOnly: true,
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 2,

        onClose: function (selectedDate) {
            $(".to").datepicker("option", "minDate", selectedDate);
        },
        altField: "#alternate",
        altFormat: "DD, d MM, yy"
    });
    $(".to").datepicker({
        showOn: "button",
        buttonImage: "images/cal.gif",
        buttonImageOnly: true,
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 2,

        onClose: function (selectedDate) {
        $(".from").datepicker("option", "maxDate", selectedDate);
        },
        altField: "#alternate1",
        altFormat: "DD, d MM, yy"
    });
});

Answer 1

以单一方法合并您的jQuery-UI initiliazer。作为;

$(function () {

    $("#dialog").dialog({
        // Properties
    });

    $(".from").datepicker({
       // Properties
    });

    $(".to").datepicker({
       // Properties
    });

});

请参阅：http://jsfiddle.net/n7c6u/

来自jquery ui的多个函数

1 个答案: