博客

jQuery UI的日期选择器小部件提供了许多选项，可以自定义日期选择器的外观和行为。其中，buttonImage选项用于指定日期选择器按钮的图像。本文将详细介绍buttonImage选项的语法和用法，并提供两个示例说明。

语法

以下是buttonImage选项的基本语法：

$(selector).datepicker({
  buttonImage: "image-url"
});

在这个语法中，selector是要应用日期选择器的元素选择器。image-url是要指定的日期选择器按钮图像的URL。

示例1：使用默认图像

以下是一个示例，演示如何使用默认的日期选择器按钮图像：

$( "#datepicker" ).datepicker({
  buttonImage: "https://jqueryui.com/resources/demos/datepicker/images/calendar.gif"
});

在这个示例中，我们使用buttonImage选项指定了默认的日期选择器按钮图像。

示例2：使用自定义图像

以下是另一个示例，演示如何使用自定义的日期选择器按钮图像：

$( "#datepicker" ).datepicker({
  buttonImage: "https://example.com/my-calendar.png"
});

在这个示例中，我们使用buttonImage选项指定了一个自定义的日期选择器按钮图像。

综上所述，buttonImage选项用于指定jQuery UI日期选择器按钮的图像。本文详细介绍了buttonImage选项的语法和用法，并提供了两个示例说明。