<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
DatePipe.transform() produces an incorrect string in IE. Instead of getting the correct, formatted string, you get the correct formatted string followed by the whole date.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
DatePipe.transform() should return the same result as in other browsers.</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
See Plunker example:</p>
<p dir="auto"><a href="http://plnkr.co/edit/bNfFJW3VN9eiEwlfDzqH?p=preview" rel="nofollow">http://plnkr.co/edit/bNfFJW3VN9eiEwlfDzqH?p=preview</a></p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>

<p dir="auto">With the current behavior it is impossible to get the correct, formatted string when using DatePipe inside a component.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.X</li>
</ul>

<ul dir="auto">
<li><strong>Browser:</strong> [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]</li>
</ul>

<p dir="auto">IE11</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5]<br>
typescript@2.0.2</p>
</li>
<li>
<p dir="auto"><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =</p>
</li>
</ul>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
When using the date pipe In IE 11.0.9600.18350 with minutes/seconds it shows the whole date instead of the minutes and/or seconds.</p>
<p dir="auto">Examples:<br>
Date recieved from service | used binding                        | result<br>
"2016-06-21T10:47:40Z"    | {{mydate | date:'HH'}}          | ‎12‎:‎00<br>
"2016-06-21T10:47:40Z"    | {{mydate | date:'mm'}}         | ‎6‎/‎21‎/‎2016‎ ‎12‎:‎47‎:‎40‎ ‎PM<br>
"2016-06-21T10:47:40Z"    | {{mydate | date:'ss'}}            | ‎6‎/‎21‎/‎2016‎ ‎12‎:‎47‎:‎40‎ ‎PM</p>
<p dir="auto">"2016-06-21T10:47:40Z"    | {{mydate | date:'HH:mm'}}   | ‎12‎:‎00:‎6‎/‎21‎/‎2016‎ ‎12‎:‎47‎:‎40‎ ‎PM<br>
"2016-06-21T10:47:40Z"    | {{mydate | date:'mm:ss'}}    | ‎6‎/‎21‎/‎2016‎ ‎12‎:‎47‎:‎40‎ ‎PM:‎6‎/‎21‎/‎2016‎ ‎12‎:‎47‎:‎40‎ ‎PM<br>
"2016-06-21T10:47:40Z"    | {{mydate | date:'HH:ss'}}     | ‎12‎:‎00:‎6‎/‎21‎/‎2016‎ ‎12‎:‎47‎:‎40‎ ‎PM</p>
<p dir="auto">"2016-06-21T10:47:40Z"    | {{mydate | date:'HH:mm:ss'}}   | ‎‎12‎:‎00:‎6‎/‎21‎/‎2016‎ ‎12‎:‎47‎:‎40‎ ‎PM:‎6‎/‎21‎/‎2016‎ ‎12‎:‎47‎:‎40‎ ‎PM</p>
<p dir="auto">It seems that the minutes and seconds produce an entire date instead of the desired minutes/seconds.</p>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
The expected behaviour is that mm only returns the minutes and ss only returns the seconds.</p>
<p dir="auto"><strong>Reproduction of the problem</strong><br>
<a href="http://plnkr.co/edit/kc8ZEMAvsx1tSbsbXTuv?p=preview" rel="nofollow">http://plnkr.co/edit/kc8ZEMAvsx1tSbsbXTuv?p=preview</a></p>
<p dir="auto"><strong>What is the expected behavior?</strong><br>
See above.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0-rc.2 &amp;&amp; 2.0.0-rc.3</li>
<li><strong>Browser:</strong> [ IE 11.0.9600.18350 &amp;&amp; Edge ] this does not occur on the latest versions of Chrome and Firefox. Haven't tested other browsers.</li>
<li><strong>Language:</strong> [TypeScript 1.8.10]</li>
</ul>