如何更改JQuery UI Date Picker选项?

时间:2015-11-05 11:38:43

标签: jquery jquery-ui

我有一个jquery.ui datepicker。我这样设置:

 SetupDatepicker($(".date-three-field"), {   
        "buttonText": "Calendar",           
 });

说,我后来想要更改按钮的文字。基于这个SO答案here,我想我可以做类似的事情:

$("#id").datepicker('destroy');
$("#id").datepicker("option", { buttonText: "test" })

但是,文字仍为“日历”。我做错了什么?

2 个答案:

答案 0 :(得分:0)

您无需致电销毁。 如果您只想更改已配置的选项,则第二行就足够了。

var dateFormats = new[] {"dd.MM.yyyy", "dd-MM-yyyy", "dd/MM/yyyy"};

bool validate = true;
while (validate) // Loop indefinitely
{
    Console.Write("\nSet your date: "); // Prompt
    string readAddMeeting = Console.ReadLine(); // Get string from user

    DateTime scheduleDate;
    if(DateTime.TryParseExact(readAddMeeting,dateFormats, DateTimeFormatInfo.InvariantInfo, DateTimeStyles.None, out scheduleDate))
    {
        Console.ForegroundColor = ConsoleColor.Green;
        Console.WriteLine("Valid date");
        validate = false;
    }
    else
    {
        Console.ForegroundColor = ConsoleColor.Red;
        Console.WriteLine("Invalid date: \"{0}\"", readAddMeeting);
    }
    Console.ForegroundColor = ConsoleColor.White;
}

请参阅:enter image description here

答案 1 :(得分:0)

我知道这是一篇旧文章,但答案如下:

$( ".selector" ).datepicker( "option", "buttonText", "test" );

有关更多信息,请参见https://api.jqueryui.com/datepicker/#option-buttonText