SweetAlert 2掩码输入

Question

我用的是甜警报2(https://sweetalert2.github.io/)-react组件，我需要在第二步使用（千分隔符和前缀=“$”）屏蔽输入。是否可能？

这里有些代码

    import React, { Component } from 'react';
    import Swal from 'sweetalert2';
    import { Fab } from '@material-ui/core';
    import withReactContent from 'sweetalert2-react-content';


    const reSwal = withReactContent(Swal);

    class NewTask extends Component {


      state = {
        goToProfile: false
      };


      handleNewTask = async () => {

        reSwal.mixin({
          input: 'text',
          confirmButtonText: 'Next →',
          showCancelButton: true,
          progressSteps: ['1', '2']
        }).queue([
          {
            title: 'Age',
            text: 'Your Age'
          },
          {
            title: 'Budget',
            text: 'Your Budget',
            input: 'number',
            inputAttributes: {
              min: 100,
              max: 1000000
            },
          },

        ]).then((result) => {
          if (result.value) {
            reSwal.fire({
              title: 'thank u !',
              confirmButtonText: 'Lovely!'
            })
          }
        })
      }

      render() {

        return (
          
            New
          
        );
      }
    }

    export default NewTask;



    

我不知道如何控制这一切。谢谢你的帮助

Answer 1

我知道已经过了3个月，但我希望我还能帮助你。

我刚刚得到了这个问题，并在谷歌上搜索答案，但没有得到任何解决方案，所以我用这种方法来实现我想要的：

swal.fire({
    text: 'myText',
    input: 'text',
    inputAttributes: {
        id: 'myInput'
    },
    onOpen: function(el) {
        var container = $(el);
        container.find('#myInput').mask('$ 0000.00');
    }

该解决方案使用JQuery的Mask Plugin（您可以在此处看到留档）和SweetAlert2中的onOpen属性。在onOpen中，您可以传递一个函数，该函数获取swal容器，用JQuery找到输入的id，并调用带有您所要求的掩码的。掩码（）方法。

在Jquery的Mask插件官方网站上，您可以看到更多的Mask示例。

下午好