2016-03-01 25 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支持,请让我知道。谢谢