jQWidgets jqxFormattedInput spinButtons 属性介绍

简介

jQWidgets是一个JavaScript组件库，包含超过70个UI小部件和数据可视化小部件，是一个功能强大且易于使用的工具包。其中，jqxFormattedInput控件是一种格式化输入框，可以根据用户输入的内容进行格式化，spinButtons属性可以在输入框旁边添加数字增减按钮。

参数说明

spinButtons属性可以设置为true或false，表示是否显示数字增减按钮。默认值为false。

使用方法

首先需要引入jQWidgets的相关文件，如下所示：

<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="jqwidgets/jqxformattedinput.js"></script>

然后创建一个格式化输入框，设置spinButtons属性为true：

<div id="formattedInput"></div>
<script type="text/javascript">
    $('#formattedInput').jqxFormattedInput({ spinButtons: true });
</script>

这样就可以在输入框旁边添加数字增减按钮了。

Markdown代码

# jQWidgets jqxFormattedInput spinButtons 属性介绍

## 简介

jQWidgets是一个JavaScript组件库，包含超过70个UI小部件和数据可视化小部件，是一个功能强大且易于使用的工具包。其中，jqxFormattedInput控件是一种格式化输入框，可以根据用户输入的内容进行格式化，spinButtons属性可以在输入框旁边添加数字增减按钮。

## 参数说明

spinButtons属性可以设置为true或false，表示是否显示数字增减按钮。默认值为false。

## 使用方法

首先需要引入jQWidgets的相关文件，如下所示：

```html
<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="jqwidgets/jqxformattedinput.js"></script>

然后创建一个格式化输入框，设置spinButtons属性为true：

<div id="formattedInput"></div>
<script type="text/javascript">
    $('#formattedInput').jqxFormattedInput({ spinButtons: true });
</script>

这样就可以在输入框旁边添加数字增减按钮了。