Wie haben heute die Maskierung mit javascript (ohne JQuery)?

<![CDATA[
    var $ = jQuery;
    String locale = getUserLocale();
    $(document).ready(function() {

        if (!isEmptyNull(locale) && locale.equals("zh_CN")) {
            $("input[id*='text12']").mask('9999年99月99日');
        }
        else {
            $("input[id*='text12']").mask('99/99/9999');
        }
    });
]]>

<p:calendar id="text12" styleClass="calendar" maxlength="10" pattern="#
{pc_Test.dateDisplayFormat}"></p:calendar>

Wenn die Gebietsschema gleich 'zh_CN', die Maskierung wäre '9999年99月99日'. Ansonsten würde es wäre '99/99/9999'.
Wenn ich entfernen Sie die if -, else-Befehl, funktioniert es. Aber, wenn ich die if else Befehl rein, es funktioniert nicht.

Wie kann ich es lösen?

InformationsquelleAutor binbin | 2015-06-29

  1. 1

    Hatte ich einige Mühe, der derzeit akzeptierte Antworten, um richtig zu arbeiten, unter Beibehaltung der Fähigkeit, die backspace-Taste. Das war meine Lösung. Es behält die Umsteuerung und auch nicht zeigen, der Schrägstrich, bis die Anzahl folgenden eingegeben.

    const maskDate = value => {
  let v = value.replace(/\D/g,'').slice(0, 10);
  if (v.length >= 5) {
    return `${v.slice(0,2)}/${v.slice(2,4)}/${v.slice(4)}`;
  }
  else if (v.length >= 3) {
    return `${v.slice(0,2)}/${v.slice(2)}`;
  }
  return v
}

    Habe ich auch ein github-gist für dieses snippet hier.

    InformationsquelleAutor Chris Patty

  2. 0

    Probieren Sie diesen code in diesem format wird das Datum in mm/dd/yyyy-format geben Sie ihn in das Eingabefeld ein.
    Erstellen Sie ein onchange-Ereignis auf das Eingabe-Feld und rufen Sie die date_formator Funktion mit der Eingabe-Datum.

    function date_formator(date) {

    date = date.replace('//', '/');
    var result = date.split("/");

    var length = result.length;

    //Append "/" after the last two charas, if more than 2 charas then remove it
    if (length <= 2 && result[length - 1] != "") {
        var last_two_digits = result[length -1];
        if (last_two_digits.length >= 2) {
            date = date.slice(0, -last_two_digits.length);
            date = date + last_two_digits.slice(0,2) + "/";
        }
    }

    if (typeof result[2] != "undefined") {
        var year = result[2];
        if (year.length > 4) {
            date = date.slice(0, -year.length);
            year = year.slice(0, 4);
            date = date + year;
        }
    }
    return date;
}

    InformationsquelleAutor Shubham Najardhane

  3. -3

    Funktioniert das ganz gut (habe es versucht in der Konsole auf die jquery-Maske Seite)

     if (locale !=='' && locale==='zh_CN') {
          $('#text12').mask('9999年99月99日');
          }
          else {
          $('#text12').mask('99/99/9999');
          }

    aber wenn Sie möchten, dass die Maske format zu zeigen, bis in das input-Feld übergeben zu müssen, es als Platzhalter-Attribut

    $('#text12').attr('placeholder', '9999年99月99日')

    hoffe, das hilft

    Hi @AbeCodes, vielen Dank für deine Antwort. Aber es funktioniert nicht für mich 🙁 Für den Platzhalter, ich bin mit Wasserzeichen und es funktioniert gut. Nur, dass die Maske nicht zeigen kann.
    versuchen Sie eine Auszeit, vielleicht ist der Eingang nicht gerendert, an dieser Stelle, der code funktioniert 😉 oder vielleicht gibt es ein problem mit Wasserzeichen?
    Ich habe versucht, und ich denke, das problem ist die if -, else-Befehl, da, wenn ich entfernen Sie die if -, else-Befehl, funktioniert es auch. Ich denke, es ist ein problem mit locale und ich weiß nicht, warum Sie nicht bekommen kann das Gebietsschema richtig 🙁
    gehen Sie mit var locale und prüfen per if (locale !==" && locale==='zh_CN'). und überprüfen mit der Konsole.log(locale), wenn ein Wert gesetzt ist.
    Immer noch das gleiche 🙁

    InformationsquelleAutor AbeCodes

Schreibe einen Kommentar