正しい形式のデータのみ入力からデータを保存

Question

現在、2つの入力フィールドがあります。 1つは日付用、もう1つは時間用です。私がしようとしているのは、プレースホルダの値を実際に保存することができるので、これらのフィールドのデフォルト値を保存しないようにすることです。日付または時間の場合にのみ何かを保存できるようにします。

<div class="form-group"> 
     <label class="control-label col-sm-2" for="date" ">Date:</label> 
     <div class="col-sm-2"> 
      <input type="date" class="form-control"> 
     </div> 
     </div> 

    <div class="form-group"> 
     <label class="control-label col-sm-2" for="text">Hour:</label> 
     <div class="col-sm-2"> 
      <select class="form-control" id="time"> 
      <option value="Time" class="">Time</option> 
         <option value="10am" class="">10:00-10:30</option> 
         <option value="1030am" class="">10:30-11:00</option> 
         <option value="11am" class="">11:00-11:30</option> 
         </select> 
     </div> 
     </div> 

が、助けてください：

は、ここに私のhtmlです！

Answer 1

日付の場合は、このようなものを使用してください。<input type="date"/>日付の入力です。 当分の間は、<input type="time"/>を使用してください。それは時間を意味する入力です。あなたの日付が有効であれば、あなたは

if (Object.prototype.toString.call(d) === "[object Date]")

を使用することができ、私は正規表現にそれほど精通してないんだけど、機能hereを見出し4.モジュラーcheckTime（下ありテストするには

）機能は、時間検証のために1つを使用するように見えます。

JSで必要なフォーマットを行うことはできますが、有効な日付と時刻を確実に取得できます。

Answer 2

検証日： デフォルト値は未定義ですか？そうであれば、提出された値がjavascriptを使用して未定義である場合は、日付を拒否します。詳細情報here。

検証時間： あなたが日付を選択したかどうか、時間が2時間半で構成されているかどうかを確認しようとしていますか？それが私の理解です。 まず、それらを複数回選択することができます：値が入力された解析および2つだけとした後、そのすべてがあることを確認するためにはJavaScriptを使用して、第二に

<select class="form-control" id="time" multiple>

を「 - 」1つの日付のは他の日の ' - 'には常に一致します。例えば：

正しい：

10：00〜10：30 と10：30 -11：00

不正：

10：00〜10：30 と11:00 -11：30