2011-12-20 4 views
8

jqueryを使用せずにHTML APIを使用してdate要素に検証/制限を追加することはできますか?jquery/javascriptなしでHTML5日付フィールドの検証/制限を追加するには

現在、jquery datePickerを使用してカレンダーを表示し、datePickerのbeforeShowメソッドを使用して制限を追加しています。

私はHTML5カレンダーを使用しようとしていますが、HTML5カレンダーに制限(例:weendends/holidaysを無効にする)を追加する方法を知りたいと思います。 誰かが私を正しい方向に向けることができますか?

+0

はい。はい、そうです。本当に、「はい」以外の実際の答えが必要な場合は、さらに情報が必要です。どのバリデーションを追加したいですか?どの要素のために?あなたのマークアップは何ですか?あなたは何をしようとしましたか?何が悪かったのか? [Jon Skeet](http://stackoverflow.com/users/22656/jon-skeet)の[完全な質問の作成ガイド](http://msmvps.com/blogs/jon_skeet/archive/)をご覧ください。 2010/08/29/writing-the-perfect-question.aspx)をご覧ください。 –

+0

jQueryなし - オハイオ州はいはい...ネイティブのJavaScriptを試すことができます!サーバーサイドPHPも良い検証を行います。本当にあなたの特定のニーズは何ですか? –

答えて

12

日付入力にminmax属性を使用できます。

仕様:http://www.w3.org/TR/html-markup/input.date.html

編集:

  • 私の知る限り、HTML5の日付入力を使用して、特定の日を無効にする方法はありません...

  • あなたが十字になりたい場合は-browserの場合はModernizrを使用し、古いブラウザ(たとえばjQueryのdatePicker)にはフォールバックを提供します:

+0

ありがとうございます、特定の日付の選択を無効にすることはできますか? – kvc

+1

html5をサポートしていない古いブラウザを覚えておいてください! ...残念ながらほとんどの人が使用しています。 –

+0

+1 –

関連する問題