2016-03-01 23 views
1

在我的HMVC項目中輸入這個表單輸入。我想有HMVC CodeIgniter視圖點火器類型=「日期」不能在html上工作

input type="date" 

但它恰好是輸出就像一個普通的文本框。還有什麼其他的方式可以做到這一點或錯誤是什麼?

add_view.php

<link rel="stylesheet" href="<?php echo base_url(); ?>assets/bootstrap/css/inputfield.css"> 
<html> 
<div> 
    <fieldset> 


      <?php 

       echo form_open('Clients/create'); 
      ?> 

      <p> 
       <label class="field" for=""><span>*</span>Name:</label> 
       <input type = "text" name="" class ="textbox-300"> 
      </p> 
      <p> 
       <label class="field" for=""><span>*</span>Details:</label> 
       <textarea name=""></textarea> 
      </p> 
     </br></br></br> 
      <p> 
       <label class="field" for=""><span>*</span>Address:</label> 
       <textarea name=""></textarea> 
      </p> 
      <p> 
       <label class="field" for=""><span>*</span>Contact Number:</label> 
       <input type = "text" name="" class ="textbox-300"> 
      </p> 
      <p> 
       <label class="field" for=""><span>*</span>Contact Email:</label> 
       <input type = "text" name="" class ="textbox-300"> 
      </p> 
      <p> 
       <label class="field" for=""><span>*</span>Date Added:</label> 
       <input type="date" name="" min="1950-01-01"> 
      </p> 


      <?php 
       echo form_submit('submit','Save'); 
       echo validation_errors(); 
       echo form_close(); 
      ?> 


    </fieldset> 
</div> 
</html> 

inputfield.css

textarea { 
    width: 51%; 
    height: 150px; 
    padding: 12px 20px; 
    box-sizing: border-box; 
    border: 2px black; 
    border-radius: 4px; 
    resize: none; 
    float:right; 
} 

fieldset { 
    width: 500px; 
} 

label .field{ 

    text-align:left; 
    width:100px; 
    float:left; 
    font-weight: bold; 
} 

input.textbox-300{ 
    width:350; 
    float:right; 
} 

fieldset p { 

    clear:both; 
    padding:5px; 
} 

label span, .required{ 
    color:red; 
    font-weight: bold; 
} 

.center { 
    margin: auto; 
    padding: 10px; 
} 

對不起IM在這個日期的東西不是很好,所以請大家幫幫我

+0

where is name =「」???並且你想要日期格式? – devpro

+0

我想這樣做http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_date我已經在我的mvc項目中做過。但就我的hmvc而言,它就像一個空白的文本框。 –

+0

是因爲'使用name屬性作爲'' – devpro

回答

0

你得到空textbox的結果,因爲你是在輸入字段中不使用name屬性,只需在所有輸入字段中添加name屬性:

例子:

<input type = "text" name="yourName" class ="textbox-300"> 
<textarea name="Details"></textarea> 
<textarea name="Address"></textarea> 
<input type = "text" name="ContactNo" class ="textbox-300"> 
<input type = "text" name="Email" class ="textbox-300"> 
<input type="date" name="YourDate" min="1950-01-01"> 
+0

仍然不輸出datepicker –

0

日期選取器顯示爲空白,因爲它不是由Mozilla火狐狸支持。如果有任何mozilla支持,請讓我知道。謝謝