Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Site updated at 2012-11-15 02:52:01 UTC

  • Loading branch information...
commit 3badb871a9afd840910651f30c915eca1dc18d31 1 parent d741186
@tjvantoll authored
View
4 2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/index.html
@@ -196,7 +196,7 @@ <h1 class="entry-title">Creating a Native HTML 5 Datepicker with a Fallback to j
<figure class='code'><figcaption class='not_empty'><span>Detect native support for datepickers and fallback to jQuery UI</span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
-</pre></td><td class='code'><pre><code class='javascript'><span class='line'><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">Moderniz</span><span class="p">.</span><span class="nx">inputtypes</span><span class="p">.</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
+</pre></td><td class='code'><pre><code class='javascript'><span class='line'><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">Modernizr</span><span class="p">.</span><span class="nx">inputtypes</span><span class="p">.</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
</span><span class='line'> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;input[type=date]&#39;</span><span class="p">).</span><span class="nx">datepicker</span><span class="p">();</span>
</span><span class='line'><span class="p">}</span>
</span></code></pre></td></tr></table></div></figure>
@@ -223,7 +223,7 @@ <h1 class="entry-title">Creating a Native HTML 5 Datepicker with a Fallback to j
</pre></td><td class='code'><pre><code class='html'><span class='line'><span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">&quot;text&quot;</span> <span class="na">id=</span><span class="s">&quot;myDate&quot;</span> <span class="nt">/&gt;</span>
</span><span class='line'>
</span><span class='line'><span class="nt">&lt;script&gt;</span>
-</span><span class='line'> <span class="k">if</span> <span class="p">(</span><span class="nx">Modernizr</span><span class="p">.</span><span class="nx">touch</span> <span class="o">&amp;&amp;</span> <span class="nx">Moderniz</span><span class="p">.</span><span class="nx">inputtypes</span><span class="p">.</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
+</span><span class='line'> <span class="k">if</span> <span class="p">(</span><span class="nx">Modernizr</span><span class="p">.</span><span class="nx">touch</span> <span class="o">&amp;&amp;</span> <span class="nx">Modernizr</span><span class="p">.</span><span class="nx">inputtypes</span><span class="p">.</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
</span><span class='line'> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;myDate&#39;</span><span class="p">).</span><span class="nx">type</span> <span class="o">=</span> <span class="s1">&#39;date&#39;</span><span class="p">;</span>
</span><span class='line'> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
</span><span class='line'> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;#myDate&#39;</span><span class="p">).</span><span class="nx">datepicker</span><span class="p">();</span>
View
6 atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[TJ VanToll]]></title>
<link href="http://tjvantoll.com/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
@@ -2758,7 +2758,7 @@
<figure class='code'><figcaption class='not_empty'><span>Detect native support for datepickers and fallback to jQuery UI</span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
-</pre></td><td class='code'><pre><code class='javascript'><span class='line'><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">Moderniz</span><span class="p">.</span><span class="nx">inputtypes</span><span class="p">.</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
+</pre></td><td class='code'><pre><code class='javascript'><span class='line'><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">Modernizr</span><span class="p">.</span><span class="nx">inputtypes</span><span class="p">.</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
</span><span class='line'> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;input[type=date]&#39;</span><span class="p">).</span><span class="nx">datepicker</span><span class="p">();</span>
</span><span class='line'><span class="p">}</span>
</span></code></pre></td></tr></table></div></figure>
@@ -2785,7 +2785,7 @@
</pre></td><td class='code'><pre><code class='html'><span class='line'><span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">&quot;text&quot;</span> <span class="na">id=</span><span class="s">&quot;myDate&quot;</span> <span class="nt">/&gt;</span>
</span><span class='line'>
</span><span class='line'><span class="nt">&lt;script&gt;</span>
-</span><span class='line'> <span class="k">if</span> <span class="p">(</span><span class="nx">Modernizr</span><span class="p">.</span><span class="nx">touch</span> <span class="o">&amp;&amp;</span> <span class="nx">Moderniz</span><span class="p">.</span><span class="nx">inputtypes</span><span class="p">.</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
+</span><span class='line'> <span class="k">if</span> <span class="p">(</span><span class="nx">Modernizr</span><span class="p">.</span><span class="nx">touch</span> <span class="o">&amp;&amp;</span> <span class="nx">Modernizr</span><span class="p">.</span><span class="nx">inputtypes</span><span class="p">.</span><span class="nx">date</span><span class="p">)</span> <span class="p">{</span>
</span><span class='line'> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">&#39;myDate&#39;</span><span class="p">).</span><span class="nx">type</span> <span class="o">=</span> <span class="s1">&#39;date&#39;</span><span class="p">;</span>
</span><span class='line'> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
</span><span class='line'> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;#myDate&#39;</span><span class="p">).</span><span class="nx">datepicker</span><span class="p">();</span>
View
2  blog/categories/browsers/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Browsers | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/browsers/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/css/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: CSS | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/css/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/efficiency/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Efficiency | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/efficiency/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/forms/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Forms | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/forms/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/git/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: git | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/git/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/html/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: HTML | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/html/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/html5/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: HTML5 | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/html5/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/java/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Java | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/java/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/javascript/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: JavaScript | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/javascript/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
6 blog/categories/jquery-ui/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: jQuery UI | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/jquery-ui/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
@@ -493,7 +493,7 @@ input[type=number]::-webkit-inner-spin-button {</p>
<p><a href="http://modernizr.com">Modernizr</a> gives you the ability to detect whether the browser supports native datepickers. The following shows how you can use the native datepicker when available, and fallback to jQuery UI's picker in unsupported browsers.</p>
<p>``` javascript Detect native support for datepickers and fallback to jQuery UI
-if (!Moderniz.inputtypes.date) {</p>
+if (!Modernizr.inputtypes.date) {</p>
<pre><code>$('input[type=date]').datepicker();
</code></pre>
@@ -514,7 +514,7 @@ if (!Moderniz.inputtypes.date) {</p>
<input type="text" id="myDate" /></p>
<script>
- if (Modernizr.touch && Moderniz.inputtypes.date) {
+ if (Modernizr.touch && Modernizr.inputtypes.date) {
document.getElementById('myDate').type = 'date';
} else {
$('#myDate').datepicker();
View
2  blog/categories/less/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: LESS | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/less/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/mobile/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Mobile | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/mobile/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/qunit/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: QUnit | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/qunit/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/speaking/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Speaking | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/speaking/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
2  blog/categories/unit-testing/atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Unit Testing | TJ VanToll]]></title>
<link href="http://tjvantoll.com/blog/categories/unit-testing/atom.xml" rel="self"/>
<link href="http://tjvantoll.com/"/>
- <updated>2012-11-10T17:45:05-05:00</updated>
+ <updated>2012-11-14T21:51:45-05:00</updated>
<id>http://tjvantoll.com/</id>
<author>
<name><![CDATA[TJ VanToll]]></name>
View
8 sitemap.xml
@@ -38,7 +38,7 @@
<loc>
http://tjvantoll.com/2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/
</loc>
- <lastmod>2012-11-09T22:35:01-05:00</lastmod>
+ <lastmod>2012-11-14T21:50:54-05:00</lastmod>
</url>
<url>
<loc>http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/</loc>
@@ -136,15 +136,15 @@
</url>
<url>
<loc>http://tjvantoll.com/blog/archives/</loc>
- <lastmod>2012-11-10T17:42:58-05:00</lastmod>
+ <lastmod>2012-11-14T21:50:54-05:00</lastmod>
</url>
<url>
<loc>http://tjvantoll.com/blog/</loc>
- <lastmod>2012-11-10T17:42:58-05:00</lastmod>
+ <lastmod>2012-11-14T21:50:54-05:00</lastmod>
</url>
<url>
<loc>http://tjvantoll.com/</loc>
- <lastmod>2012-11-10T17:42:58-05:00</lastmod>
+ <lastmod>2012-11-14T21:50:54-05:00</lastmod>
</url>
<url>
<loc>http://tjvantoll.com/speaking/</loc>
Please sign in to comment.
Something went wrong with that request. Please try again.