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

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

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. date ב-input, ו-ngModel אנגולרי

date ב-input, ו-ngModel אנגולרי

מתוזמן נעוץ נעול הועבר תכנות
4 פוסטים 2 כותבים 367 צפיות 2 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • yyyY מנותק
    yyyY מנותק
    yyy
    כתב ב נערך לאחרונה על ידי yyy
    #1

    יש לי מחלקה CLS הכתובה ב-TS שיש בה משתנה תאריך, מסוג Date.
    אני רוצה להציג אותו ב-HTML אבל בד בבד לפתוח אותו לעריכה כך:

    <input type="date" [(ngModel)]="CLS.BirthDate">
    

    הפלט המוצג אינו התאריך אלא רק המבנה שלו:

    dd/mm/yyyy
    

    (כאשר יש אופציה לשנות את התאריך ואז הוא יהיה מוצג.)
    אומנם ב-html שמרונדר ע"י אנגולר התאריך קיים, אלא שהוא לא מוצג כשורה.

    <input _ngcontent-spd-c50="" type="date" ng-reflect-model="**Tue Dec 17** 1991 00:00:00 GMT+0" class="ng-pristine ng-valid ng-touched">
    

    כיצד ניתן להציג את התאריך בצורה נורמלית?
    תודה רבה.

    רפאלר תגובה 1 תגובה אחרונה
    0
    • yyyY yyy

      יש לי מחלקה CLS הכתובה ב-TS שיש בה משתנה תאריך, מסוג Date.
      אני רוצה להציג אותו ב-HTML אבל בד בבד לפתוח אותו לעריכה כך:

      <input type="date" [(ngModel)]="CLS.BirthDate">
      

      הפלט המוצג אינו התאריך אלא רק המבנה שלו:

      dd/mm/yyyy
      

      (כאשר יש אופציה לשנות את התאריך ואז הוא יהיה מוצג.)
      אומנם ב-html שמרונדר ע"י אנגולר התאריך קיים, אלא שהוא לא מוצג כשורה.

      <input _ngcontent-spd-c50="" type="date" ng-reflect-model="**Tue Dec 17** 1991 00:00:00 GMT+0" class="ng-pristine ng-valid ng-touched">
      

      כיצד ניתן להציג את התאריך בצורה נורמלית?
      תודה רבה.

      רפאלר מנותק
      רפאלר מנותק
      רפאל
      כתב ב נערך לאחרונה על ידי רפאל
      #2

      תיישם את זה כך:

      <input  type="date" [ngModel]="CLS.BirthDate | date:'yyyy-MM-dd'" (ngModelChange)="CLS.BirthDate = $event"/>
      

      הפתרון הוא לחלק את הTwo-ways binding לשניים: One-way binding ו Event Binding.
      למעשה [(ngModel)] כולל את שניהם, [ ] מייצג One-way binding, ו ( ) מייצג Event binding.
      הסיבה שאינך יכול להשתמש עם התחביר המשולב [( )] היא השימוש בDatePipe (אנגולר לא מאפשרת שימוש בPipes בשילוב עם Two-ways binding)

      ועוד Convention קטן שלא הרבה יודעים:
      כל Output בעל שם דומה ל Input קיים, בתוספת המילה Change יכול לשמש עבור Two-ways binding ללא כל הגדרה נוספת.

      yyyY תגובה 1 תגובה אחרונה
      5
      • רפאלר רפאל

        תיישם את זה כך:

        <input  type="date" [ngModel]="CLS.BirthDate | date:'yyyy-MM-dd'" (ngModelChange)="CLS.BirthDate = $event"/>
        

        הפתרון הוא לחלק את הTwo-ways binding לשניים: One-way binding ו Event Binding.
        למעשה [(ngModel)] כולל את שניהם, [ ] מייצג One-way binding, ו ( ) מייצג Event binding.
        הסיבה שאינך יכול להשתמש עם התחביר המשולב [( )] היא השימוש בDatePipe (אנגולר לא מאפשרת שימוש בPipes בשילוב עם Two-ways binding)

        ועוד Convention קטן שלא הרבה יודעים:
        כל Output בעל שם דומה ל Input קיים, בתוספת המילה Change יכול לשמש עבור Two-ways binding ללא כל הגדרה נוספת.

        yyyY מנותק
        yyyY מנותק
        yyy
        כתב ב נערך לאחרונה על ידי
        #3

        @רפאל ברוך תהיה. זה אכן עובד.
        מה הסיפור של ה

        $event
        

        בסוף?

        רפאלר תגובה 1 תגובה אחרונה
        1
        • yyyY yyy

          @רפאל ברוך תהיה. זה אכן עובד.
          מה הסיפור של ה

          $event
          

          בסוף?

          רפאלר מנותק
          רפאלר מנותק
          רפאל
          כתב ב נערך לאחרונה על ידי רפאל
          #4

          @yyy הevent$ מייצג את הערך שנשלח ע"י הOutput של הComponent\Directive הפנימי.

          תגובה 1 תגובה אחרונה
          1
          • dovidD dovid העביר נושא זה מ-תכנות ב-
          תגובה
          • תגובה כנושא
          התחברו כדי לפרסם תגובה
          • מהישן לחדש
          • מהחדש לישן
          • הכי הרבה הצבעות


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

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

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