📜  jQWidgets jqxDateTimeInput allowKeyboardDelete 属性(1)

📅  最后修改于: 2023-12-03 15:02:17.905000             🧑  作者: Mango

jQWidgets jqxDateTimeInput allowKeyboardDelete 属性

介绍

jQWidgets jqxDateTimeInput 是一个用于输入日期时间的UI组件。allowKeyboardDelete 属性是它的一个布尔类型的属性,用于控制是否允许使用键盘的删除键删除组件中的数值。

使用方法

allowKeyboardDelete 属性可以通过调用 jqxDateTimeInput 的方法 .jqxDateTimeInput(options) 进行配置。示例如下:

$("#jqxDateTimeInput").jqxDateTimeInput({
    allowKeyboardDelete: true // 允许使用键盘删除
});
属性值

allowKeyboardDelete 属性可接受的值为布尔类型,即 true 或 false,默认值为 false。

示例

以下代码演示了如何使用 allowKeyboardDelete 属性:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jqxDateTimeInput Demo</title>
    <script type="text/javascript" src="jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="jqxwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqxwidgets/jqxdatetimeinput.js"></script>
    <link rel="stylesheet" type="text/css" href="jqxwidgets/jqx.base.css">
</head>
<body>
    <div id="jqxDateTimeInput"></div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqxDateTimeInput").jqxDateTimeInput({
                width: "300px",
                height: "25px",
                allowKeyboardDelete: true // 允许使用键盘删除
            });
        });
    </script>
</body>
</html>
注意事项

如果 allowKeyboardDelete 属性被设置为 false,则不允许使用键盘的删除键删除组件中的数值。

参考文献

jQWidgets Documentation - jqxDateTimeInput allowKeyboardDelete Property