สอบถามฟังกชั่นวันที่ให้ใส่ / ให้เลยเวลาคีย์วันที่ต้องทำอย่างไรค่ะ

[eange08]

ทำช่องใส่วันที่หมดอายุแบบ mm/yyyy อยากให้เวลาคีย์ mm แล้วขึ้น / ให้เลยจะต้องเขียนอย่างไรค่ะ
ถามใน openai ยัง งงกับการเอามาแปลงใช้งานอยู่ค่ะ

โค้ด: เลือกทั้งหมด

$(document).ready(function() {
  var maxLength = 100; // Set the maximum length of the input field
  $('#text-input').on('input', function() {
    var length = $(this).val().length; // Get the length of the user input
    var remaining = maxLength - length; // Calculate the remaining characters
    $('#char-count').text(remaining); // Update the character count display
  });
});

ช่องวันหมดอายุ

โค้ด: เลือกทั้งหมด

<input name='package_noti_age' id='package_noti_age' type='text' class='input-short' maxlength='7'>

อยากให้ใส่รูปแบบนี้นะคะ

Selection_999(1110).png (5.54 KiB) Viewed 224 times

[tsukasaz]

ลองดู code นี้นะครับ


HTML

โค้ด: เลือกทั้งหมด

<label for="date-input">Enter date (dd/yyyy): </label>
<input type="text" id="date_input" pattern="\d{2}/\d{4}" placeholder="dd/yyyy" maxlength="7">

JS

โค้ด: เลือกทั้งหมด

$(document).ready(function(){
  $('#date_input').keyup(function() {
    const inputValue = $(this).val().replace(/\D/g, "");
    const formattedValue = inputValue.replace(/(\d{2})(\d{4})/, "$1/$2"); 
    $(this).val(formattedValue);
  });
});

[eange08]

ใช้ได้แล้วค่ะ