عدم نمایش تایپ number
سلام
وقتی تو input تایپ number میزاریم انتهاش یه فلش جهت دار بالا پایین هست که میتونیم عدد انتخاب کنیم ولی تو حالت موبایل برای مرورگر کروم این فلش ها قابل نمایش نیست
ایا راه حلی برای این وجود داره ؟ که اون فلش های جهت دار ، آیکونش نمایش بده ؟؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلامی دوباره
تو لینک زیر نمونه ای نوشتم میتونی الگو بگیری و چیزی که میخوای رو پیاده سازی کنی (اگرم مشکلتو حل نکرد با سرچ میتونی مثال های مختلفی پیدا کنی )
مثال
سلام دوست عزیز
تا اونجایی که من اطلاع دارم راهی وجود نداره مگر اینکه خودت پیاده سازی کنی که سادست
اما در موبایل به ایکون ها هم نیازی نیست چون input با تایپ number باعث باز شدن کیبورد اعداد میشه ( اگرم نشه با توجه به سیستم عامل باید attribute خاصی قرار داد)
ممنونم
بله وقتی روی اینپوت زده میشه اعداد نمایش میده ولی کارفرما میخاد اون فلش ها نمایش بده تا کاربر متوجه بشه حداقل و حداکثر عددی که وارد میشه رو ببینه
چطوری میتونم خودم پیاده سازی کنم ؟
سلامی دوباره
تو لینک زیر نمونه ای نوشتم میتونی الگو بگیری و چیزی که میخوای رو پیاده سازی کنی (اگرم مشکلتو حل نکرد با سرچ میتونی مثال های مختلفی پیدا کنی )
مثال
سلام ممنونم واقعا لطف کردید
این بخش که باید شرط بزارم
تو این قسمت من میخام کمتر از عدد 1 وارد نشه و بیشتر از عدد 12 هم وارد نشه بین بازه 1 تا 12 باشه
const inc = () => {
numberInput.valueAsNumber += 1;
};
const dec = () => {
numberInput.valueAsNumber = 1;
};به این شکل باید شرطو بزارم یا با if باید نوشته بشه ؟
const input = () => {
numberInput.ariaValueMax = 12;
}
numberInput.addEventListener('value' , input);
نمیدونم واقعیت به چه شکل بنویسم الان اصلا کار نمیکنه
با if هم کار نکرد
سلامی دوباره
وقتی صحبت از شرط میشه باید از شرط ها استفاده کرد دیگه اون کدی که نوشتی اصلا شرطی نزاشتی
من دوباره همون مثال رو تغییر دادم لینکش تغییر نکرده
کلا هر منطقی که میخوای پیاده سازی کنی رو به بخش های کوچکتر تبدیل کن و مسئله رو حل کن.
ممنونم بله درسته
من تو یه پروژه ساده درست کردم کار کرد
ولی تو پروژه ای که از بوتسترپ استفاده میکنم کار نمیکنه ممکنه به این دلیل باشه؟
این ارور تو کنسول دارم وقتی روی فلش دکمه های بالا پایین کلیک میکنم
سلامی دوباره
چه اروری دریافت میکنی؟
من یه پروژه با bootstrap 5 ساختم همون کدارو کپی کردم مشکلی نبود ! (فقط استایل هارو ندادم بجز استایل از بین بردن فلش های دیفالت)
مثال