Question

我需要在初始化后更改datepicker中的年份范围。我有一个datpicker的通用代码

$(function() {
    $("#datepicker" ).datetimepicker({
        showOn: "button",
        buttonText: "Date Selector",
        buttonImage: "calendar.png",
        buttonImageOnly: true,
        dateFormat: "dd M yy",
        timeFormat: "h:mm TT",
        changeMonth: true,
        yearRange: '1900:+10',
        changeYear: true
    });
});


<p>Date: <input type="text" id="datepicker"></p>

我需要在不更改通用代码的情况下更改年份范围，因此范围仅在一个位置更改。因此，在通过通用代码初始化之后，年份将更改为2015：2016。有帮助吗？

Answer 1

我知道你正在使用日期时间选择器插件，但如果它是我认为的那个插件，它只是jQueryUI的datepicker的扩展，因此以下应该努力改变年范围。

  $( "#datepicker" ).datepicker( "option", "yearRange", "2002:2012" );

示例

$(function() { $("#datepicker" ).datepicker({ showOn: "button", buttonText: "Date Selector", //buttonImage: "calendar.png", buttonImageOnly: true, dateFormat: "dd M yy", timeFormat: "h:mm TT", changeMonth: true, yearRange: '1900:+10', changeYear: true }); }); $('button').click(function(e) { /* L I K E T H I S */ $( "#datepicker" ).datepicker( "option", "yearRange", "2015:2016" ); /* L I K E T H I S */ $(this).fadeOut(); });

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <p>Date: <input type="text" id="datepicker"></p> <button>change range</button>

Jquery Datepicker在初始化后更改年份范围

1 个答案: