javascript - 如何获取 jquery datepicker 的所有选项以使用相同的选项实例化新的 datepicker?

标签 javascript jquery datepicker

如何获取 jquery datepicker 的所有选项以实例化具有相同选项的新 datepicker?

我想克隆一个表,其中包含 2 个具有不同选项的日期选择器。你可以在这里看到一个例子:http://jsfiddle.net/qwZ5x/4/

<div class="clonable">
<table><tr><td>
<input type="text" id="datepicker" />

<script>
    jQuery(document).ready(function() {
        jQuery("#datepicker").datepicker({
            showOn: "both",
            buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif"
        });
    });
</script></td><td>
<input type="text" id="datepicker2" />
<script>
    jQuery(document).ready(function() {
        jQuery("#datepicker2").datepicker();
    });
</script>
    </td></tr></table>
</div>
<a href="javascript:void(0);" id="clone">Clone</a>
var id = 0;
jQuery("#clone").on("click", function () {

var clonable = jQuery(".clonable:first").clone(true, true);
jQuery(clonable).find("input").each(function () {
    jQuery(this).attr("id", jQuery(this).attr("id") + "_" + id);

    jQuery(this).siblings('.ui-datepicker-trigger,.ui-datepicker-apply').remove();

    jQuery(this).removeClass('hasDatepicker');
    jQuery(this).datepicker({
        showOn: "both",
        buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif"
    });
});

jQuery(clonable).insertBefore("#clone");
id = id + 1;
});

如何在不一一设置选项的情况下将所有选项设置为克隆的日期选择器?

非常感谢。

最佳答案

你可以使用这个获取现有日期选择器的选项:

var options = jquery('#datepicker').datepicker('option', 'all');

获取一个特定选项,例如 numberOfMonths:

var numberOfMonths = jquery('#datepicker').datepicker('option', 'numberOfMonths');

关于javascript - 如何获取 jquery datepicker 的所有选项以使用相同的选项实例化新的 datepicker?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17727845/

相关文章:

javascript - 如何在页面加载后手动调用 dragscroll 函数?

android - jQuery Mobile UI 无法与 IBM Worklight 一起正常工作

php - jQuery UI 日期选择器 : Displaying 1969 although I use strtotime

twitter-bootstrap - 带有 Angular 指令的可点击 bootstrap-datepicker 图标

javascript - CSS Display : None & JS . show() 中断 JQuery 和 AjaxToolkit 日期选择器

javascript - Meteor 不运行 jQuery

javascript - 不能在 NgModule 中声明模块,因为它不是当前编译 Angular 的一部分

javascript - 引导箱验证

带有 Font Awesome 图标的 JavaScript 切换按钮

javascript - jQuery:在页面上的每个 ajax 请求上将子对象添加到 "data"对象