PDA

View Full Version : سوال: کار با فیلد تاریخ در jquery



K.Mohammadreza
یک شنبه 28 بهمن 1397, 11:40 صبح
سلام وقت بخیر.
من یک صفحه ی وب طراحی کردم که در این صفحه یک فیلد تاریخ پایه وجود دارد.
کاربر با استفاده از دکمه های اضافه و حذف میتوانید از روی فیلد پایه کلون کند و فیلد جدید بسازد. من باید به محض انتخاب تاریخ در فیلد کلون شده, با تابع diffdate اختلاف تاریخ انتخاب شده با تاریخ پایه را بدست بیارم و حاصل را در یک فیلد کلون شده جلوی فیلد تاریخ نسان بدم.

دو مشکل دارم.
1- فیلدهای تاریخ و اختلاف تا پایه کلون میشود ولی datepicker به فیلد تاریخ اضافه نمی شود. با اینکه فیلد کلون شده هم در کلاس فیلد تاریخ پایه قرار دارد.
2- امکان دسترسی به مقدار انتخابی کاربر و نمایش نتیجه در فیلد اختلاف را نمیدونم چگونه باید انجام بدم.

ممنون میشم راهنمایی کنید

plague
یک شنبه 28 بهمن 1397, 17:37 عصر
1 - باید روی فیلد های کلون شده دوباره datepicker رو اجر کنی
به عبارت دیگه بعد از هر کلون باید تابع datepicker رو برای انا اجرا کنی

2 - متوجه نمیشم چی میپرسی

K.Mohammadreza
یک شنبه 28 بهمن 1397, 23:03 عصر
ممنون با for each قسمت اول حل شد.

قسمت دوم. حالا که کاربر یک تاریخ را در یک فیلد کلون شده وارد کرد چطوری بفهمم کدام یکی بوده؟ و بتونم value ش را بدست بیارم؟

plague
دوشنبه 29 بهمن 1397, 18:30 عصر
رویداد های blur و focus ر نگاه کن

https://www.w3schools.com/jquery/event_blur.asp

K.Mohammadreza
چهارشنبه 01 اسفند 1397, 09:43 صبح
سلام و تشکر
https://jsfiddle.net/KMohammadreza/0y1wdetL/11/

مثال از طرح مورد نظرم. اول کاربر یک تاریخ primary انتخاب میکنه و بعد در جدول زیر با انتخاب تاریخ تفاوت روزهای تاریخ انتخاب شده با تاریخ primary در فیلد روز باید نشان داده بشه که متاسفانه نمیشه

plague
چهارشنبه 01 اسفند 1397, 18:04 عصر
این تیکه رو متوجه نمیشم " در جدول زیر با انتخاب تاریخ تفاوت روزهای تاریخ انتخاب شده با تاریخ primary در فیلد روز باید نشان داده بشه "
توی جدول مثلا تاریخ 02/11/2019 انتخاب شد میخای تو فیلد روز 02 بشینه ؟
یه مثال بزن

K.Mohammadreza
چهارشنبه 01 اسفند 1397, 18:54 عصر
این تیکه رو متوجه نمیشم " در جدول زیر با انتخاب تاریخ تفاوت روزهای تاریخ انتخاب شده با تاریخ primary در فیلد روز باید نشان داده بشه "
توی جدول مثلا تاریخ 02/11/2019 انتخاب شد میخای تو فیلد روز 02 بشینه ؟
یه مثال بزن
149812

همانطور که در شکل هم مشخص است یک فیلد primary date وجود دارد که در آن تاریخ 2/1/2019 وارد شده است و در جدول با انتخاب تاریخ های متفاوت (مثلا 2 تاریخ ) روبروی هر انتخاب تعداد روز تفاوت با تاریخ 2/1/2019 نشان داده است. برای این مثال اعداد دستی وارد شده است:لبخند:

plague
چهارشنبه 01 اسفند 1397, 19:40 عصر
اگه بخای تفاوت رو نشون بدی با تاریخااصلی که 1 هستش نباید 19 و 25 باشه ت فیلد ها بجای 20 و 26 توی عکس ؟

این رو نگاه کن روز تاریخ رو میریزه تو فیلد روز دیگه خودت ربطش بده به تاریخ اصلی

https://jsfiddle.net/sr80p2tf/
کدش رو همون اول نوشتم که با بقیه کدات قاطی نشه

K.Mohammadreza
چهارشنبه 01 اسفند 1397, 20:24 عصر
اگه بخای تفاوت رو نشون بدی با تاریخااصلی که 1 هستش نباید 19 و 25 باشه ت فیلد ها بجای 20 و 26 توی عکس ؟

این رو نگاه کن روز تاریخ رو میریزه تو فیلد روز دیگه خودت ربطش بده به تاریخ اصلی

https://jsfiddle.net/sr80p2tf/
کدش رو همون اول نوشتم که با بقیه کدات قاطی نشه


مهندس ممنون دقیقا همون کدی هست که نیاز داشتم. خیلی لطف کردین. با همه datepicker ها میلادی کار میکنه ولی من توی برنامه ام از datepicker زیر استفاده کردم که اصلا event change را گویا پشتیبانی نمی کنه.

https://github.com/behzadi/persianDatepicker


شما یک datepicker فارسی که jquery هم باشه میتونید معرفی کنید

plague
پنج شنبه 02 اسفند 1397, 20:51 عصر
والله من زیاد تو نخ این نبودم یه پکیج داشتم چندین ساله دارم از همن استفاده میکنم فکر میکنم این باشه
https://jdf.scr.ir/jdf/?t=java_script