דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. ארכיון code613m
  4. פורמט תאריך בINPUT type=date

פורמט תאריך בINPUT type=date

מתוזמן נעוץ נעול הועבר ארכיון code613m
9 פוסטים 2 כותבים 462 צפיות
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • A מנותק
    A מנותק
    avr416
    כתב ב נערך לאחרונה על ידי
    #1

    אני משתמש בBootstrap 3 בקלאס datepicker וכן בטופס מגדיר את הtype כ date.
    בטופס עריכת פרטי התרומה אני רוצה שהמשתמש יוכל לערוך את תאריך ההתחלה או הסיום.
    הבעיה היא שהתאריך לא מוצג למשתמש אלא מוצג פורמט תאריך ריק, הסיבה היא :
    The specified value "09/03/2016 00:00:00" does not conform to the required format, "yyyy-MM-dd".
    העניין הוא שאני רוצה שלמשתמש יוצג הפורמט dd/mm/yy כי כך אנו רגילים להציג תאריכים ולא yyyy/mm/dd.
    מה אפשר לעשות?
    תודה רבה!

    זה הקוד:

    <input class="form-control col-md-4 datepicker text-box single-line" data-val="true"
     data-val-date="The field תאריך התחלה must be a date." data-val-required="תאריך התחלה הינו שדה חובה."
     id="StartDonation" name="StartDonation" type="date" value="09/03/2016 00:00:00">
    

    פורסם במקור בפורום CODE613 ב09/03/2016 12:15 (+02:00)

    תגובה 1 תגובה אחרונה
    0
    • dovidD מנותק
      dovidD מנותק
      dovid ניהול
      כתב ב נערך לאחרונה על ידי
      #2

      צריך שהeditorfor יעביר את הפורמט שהוא מבקש yyyy-mm-dd, ראה כאן איך: http://stackoverflow.com/a/30801647/1271037
      מה שאתה רוצה בתצוגה זה כבר ניתן להגרה ברמת הפקד, ע"י האטריביוט data-date-format או גלובלית ע"י קוד

      $.fn.datepicker.defaults.format = "mm/dd/yyyy";
      

      כך אני רואה כאן: http://bootstrap-datepicker.readthedocs.org/en/stable/

      פורסם במקור בפורום CODE613 ב10/03/2016 14:17 (+02:00)

      מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

      בכל נושא אפשר ליצור קשר dovid@tchumim.com

      תגובה 1 תגובה אחרונה
      1
      • A מנותק
        A מנותק
        avr416
        כתב ב נערך לאחרונה על ידי
        #3

        @דוד ל.ט.

        צריך שהeditorfor יעביר את הפורמט שהוא מבקש yyyy-mm-dd, ראה כאן איך: http://stackoverflow.com/a/30801647/1271037
        מה שאתה רוצה בתצוגה זה כבר ניתן להגרה ברמת הפקד, ע"י האטריביוט data-date-format או גלובלית ע"י קוד

        $.fn.datepicker.defaults.format = "mm/dd/yyyy";
        

        כך אני רואה כאן: http://bootstrap-datepicker.readthedocs.org/en/stable/

        הייתה לי בעיה שהוא כלל לא הציג לי את ה datepicker של bootstrap-datepicker (כלומר הוא הקפיץ חלון לבן ברוחב של כל המסך.. ולא היה בו כלום.. זה כנראה נבע מהתנגשות ספריות וכדו' כי לא הצלחתי לפתור את זה.. אחרי הרבה ניסיונות..).
        כשהשתמשתי בdatepicker המובנה ב (כלומר: HTML5 (value=date אז זה עשה לי את הבעיה עם הפורמט ולא בדיוק הצלחתי לפתור (וגם הוא נראה קצת מכוער.. אז חיפשתי משהו אחר..)
        בסוף מצאתי את - bootstrap-datetimepicker שעובד אצלי מצוין מבחינת נראות על המסך.. אך החסרון שלו שלא הצלחתי לבטל את הtime ויש מקומות אצלי שאין צורך בזה, ואז זה לא נותן להזין ערכים..
        כך שמי שמכיר ספריה נוספת של datepicker שנראית נחמד ותומכת גם בעברית - אשמח לשמוע!!
        תודה רבה ויישר כח!!

        פורסם במקור בפורום CODE613 ב22/03/2016 23:09 (+02:00)

        תגובה 1 תגובה אחרונה
        0
        • dovidD מנותק
          dovidD מנותק
          dovid ניהול
          כתב ב נערך לאחרונה על ידי
          #4

          @avr416

          @דוד ל.ט.

          בסוף מצאתי את - bootstrap-datetimepicker שעובד אצלי מצוין מבחינת נראות על המסך.. אך החסרון שלו שלא הצלחתי לבטל את הtime ויש מקומות אצלי שאין צורך בזה, ואז זה לא נותן להזין ערכים..

          תן לינק מדוייק לספרייה, וגם מה כוונתך "ואז הוא לא נותן להזין ערכים".

          פורסם במקור בפורום CODE613 ב27/03/2016 14:28 (+03:00)

          מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

          בכל נושא אפשר ליצור קשר dovid@tchumim.com

          תגובה 1 תגובה אחרונה
          0
          • A מנותק
            A מנותק
            avr416
            כתב ב נערך לאחרונה על ידי
            #5

            @דוד ל.ט.

            @avr416
            @דוד ל.ט.

            בסוף מצאתי את - bootstrap-datetimepicker שעובד אצלי מצוין מבחינת נראות על המסך.. אך החסרון שלו שלא הצלחתי לבטל את הtime ויש מקומות אצלי שאין צורך בזה, ואז זה לא נותן להזין ערכים..

            תן לינק מדוייק לספרייה, וגם מה כוונתך "ואז הוא לא נותן להזין ערכים".

            הנה הלינק:

            שגיאה.png
            זה הכוונה..
            שכיון שהערך המוזן הוא תאריך ושעה והוא החליט שזה צריך להיות רק תאריך..
            כי בקוד הוא מוגדר כך:
            public DateTime StartDonation { get; set; } ולמיטב ידיעתי זה תומך גם בשעה..

            פורסם במקור בפורום CODE613 ב27/03/2016 15:06 (+03:00)

            תגובה 1 תגובה אחרונה
            0
            • dovidD מנותק
              dovidD מנותק
              dovid ניהול
              כתב ב נערך לאחרונה על ידי
              #6

              ניסית
              format: 'L'
              ?

              פורסם במקור בפורום CODE613 ב27/03/2016 17:55 (+03:00)

              מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

              בכל נושא אפשר ליצור קשר dovid@tchumim.com

              תגובה 1 תגובה אחרונה
              1
              • A מנותק
                A מנותק
                avr416
                כתב ב נערך לאחרונה על ידי
                #7

                עכשיו ניסיתי :lol:
                זה עדיין מציג לי את אותה השגיאה..
                זה נראה כאילו האתר שלי השתגע 😮 לחלק מהתאריכים הוא לא כותב את השגיאה, ולחלק כן..
                כמו כן, אני רואה למרות שהוא מציג לי את השגיאה, ולכאו' זה אמור למנוע את שליחת הטופס לשרת,
                שהרי אני משתמש בספריה jquery.validate.js, אך הם כן נשלחים, ומבחינת השרת הוא מקבל את התאריך הנכון ושומר אותו
                (שעם זה אין לי בעיה.. רק בגלל שהמשתמש לא יודע שהטופס נשלח, כי מבחינתו העמוד לא מתרפרש והודעת השגיאה מוצגת.. הוא שולח את אותו טופס שוב ושוב...)
                מה אני אמור לעשות?!?!?!?

                פורסם במקור בפורום CODE613 ב27/03/2016 19:45 (+03:00)

                תגובה 1 תגובה אחרונה
                0
                • A מנותק
                  A מנותק
                  avr416
                  כתב ב נערך לאחרונה על ידי
                  #8

                  @avr416

                  זה נראה כאילו האתר שלי השתגע 😮 לחלק מהתאריכים הוא לא כותב את השגיאה, ולחלק כן..

                  לכל התאריכים מהראשון בחודש (הלועזי..) ועד ה12 אין לו בעיה..
                  הבעיה מתחילה מה13 עד סוף החודש.
                  כנראה שהוא קורא אותו משום מה הפוך (שהראשון זה החודש והשני זה היום..) ולכן זה כך.
                  הבעיה היא שהגדרתי כמו שהסברת לי בתשובה למעלה:
                  גם עם האטריביוט הזה:

                  [DisplayFormat(DataFormatString = "0{yyyy-MM-dd}", ApplyFormatInEditMode = true)]
                          [Display(Name = "תאריך התחלה")]
                          public DateTime StartDonation { get; set; }
                  

                  וגם הרייזור:

                  @Html.TextBoxFor(model => model.StartDonation, "{0:yyyy-MM-dd}", new { @class = "form-control col-md-4 datepicker" } )
                  

                  אני מנסה להבין מה קורה פה...

                  פורסם במקור בפורום CODE613 ב27/03/2016 20:58 (+03:00)

                  תגובה 1 תגובה אחרונה
                  0
                  • A מנותק
                    A מנותק
                    avr416
                    כתב ב נערך לאחרונה על ידי
                    #9

                    אחר עמל רב במשך הרבה שעות היום, עליתי על הבעיה שהייתה לי בספריה הראשונה- bootstrap-datepicker שבגללה הוצרכתי להשתמש בספריה datetimepicker שעשתה לי בעיות..
                    הבעיה הייתה התנגשות בהגדרות העיצוב עם הספריה bootsrap-rtl בקלאס בשם dropdown-menu
                    בספריה bootstrap-rtl ההגדרה שלו היא כך:

                    .dropdown-menu{right:0;left:auto;float:left;text-align:right} 
                    

                    דבר שיוצר לי בעיות עם התצוגה של תפריט התאריך הנפתח שהוא מושך אותו לשני הצדדים ולא רואים כלום...
                    הבעיה היא שא"א למחוק את זה, כיון שזה נצרך עבור כל התפריטים הנפתחים..
                    לכן בקובץ הגדרות הCSS של bootstrap-datepicker דרסתי בסופו את הקלאס הנ"ל ושיניתי את ההגדרות שלו כך:

                    .dropdown-menu{right:auto;left:auto;float:right;text-align:right}
                    

                    ובא לציון גואל..

                    תודה רבה לכולם על העזרה!!

                    פורסם במקור בפורום CODE613 ב29/03/2016 00:10 (+03:00)

                    תגובה 1 תגובה אחרונה
                    0

                    בא תתחבר לדף היומי!
                    • התחברות

                    • אין לך חשבון עדיין? הרשמה

                    • התחברו או הירשמו כדי לחפש.
                    • פוסט ראשון
                      פוסט אחרון
                    0
                    • דף הבית
                    • קטגוריות
                    • פוסטים אחרונים
                    • משתמשים
                    • חיפוש
                    • חוקי הפורום