कोणीय 2 सामग्री दिनांकपिकर मूल्य

Question

मैं अपने पृष्ठ में दिनांक प्राप्त करने के लिए Angular Material Datepicker का उपयोग करना चाहता हूं। मैं इस कोड का उपयोग करता हूं, लेकिन यह नहीं समझ सकता कि चयनित मूल्य को सही तरीके से कैसे पहुंचाया जाए।

<md-input-container> 
    <input mdInput [mdDatepicker]="myDatepicker"> 
    <button`enter code here` mdSuffix [mdDatepickerToggle]="myDatepicker"></button> 
</md-input-container> 
<md-datepicker #myDatepicker></md-datepicker> 

मैं इनपुट में [value] क्षेत्र की कोशिश की लेकिन मैं कैसे तारीख मिल मेरी बैकएंड को भेजने के लिए कर सकते हैं? धन्यवाद

Answer 1

आप ngModel का उपयोग कर डेटपिकर मान तक पहुंच सकते हैं। ngModel को input टैग में होना चाहिए। प्लंकर demo देखें।

Answer 2

नेहल ने कहा, आप [(ngModel)] बाइंडिंग का उपयोग कर सकते हैं; मैं भी "name" गुण भूल गया:

<md-form-field> 
    <input mdInput [(ngModel)]="myDateValue" name="myDate" 
     [mdDatepicker]="picker" placeholder="Select a date"> 

Answer 3

रूप docs में कहा गया है 2 घटनाओं (dateChange) और (dateInput) कि यदि आप चाहें तो इस्तेमाल किया जा सकता है। $event में 3 प्रोप, target है MatDatepickerInput, targetElement देशी HTML तत्व के लिए, और value जो Date ऑब्जेक्ट है। `Input` में

<input matInput [matDatepicker]="pickerFrom" placeholder="From" 
     (dateChange)="changeFunc($event)"  <<---- you can send $event 
     (dateChange)="dateInput($event.value)" <<---- or just $event.value 
>